July 18, 200917 yr Hello! I'm having two simple files uploaded on server in one folder with following codes: index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en" > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Keywords" content="keywords" /> <meta name="Description" content="description" /> <meta name="Author" content="author" /> <meta name="Robots" content="robots" /> <title>Title</title> <link rel="stylesheet" href="style.css" type="text/css" /> <link rel="shortcut icon" href="icon.ico" type="image/x-icon" /> </head> <body> <div class="WelcomePage">Text</div> </body> </html> style.css .WelcomePage { font-family: "Al Bayan"; font-size: 45px; } Why don't I see any changes in font when I show my page? Did I do something wrong? Thanks.
July 18, 200917 yr Author Now there is the problem - it doesn't work on Safari on my MacBook, but works with IE on my PC.
July 18, 200917 yr Possibly because you've called up the "Al Bayan" font, which is a non standard font i.e. if it's not installed on the end-users computer, the page will go to another standard font. As an experiment, try changing Al Bayan to one of the standard fonts e.g. Arial, Courier and see if your page works?
July 18, 200917 yr It depends if the computer looking at the page has the font. See http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html for browser-safe fonts. It's usual to give a special font followed by an alternative browser-safe font so that a computer can use one font or the other. body { font-family: arial, "Courier New", monospace; line-height: 1.1; color: #335500; background-color: #e9e9e2; font-size: small; } See also http://wiki.github.com/sorccu/cufon/about and http://www.mikeindustries.com/blog/sifr/ for forcing a special font onto a computer.
July 18, 200917 yr Author Thanks for your replies! No, it's not because of font, because I've used it just as example - I've tried to change it to standard font. Here is link to website: Link There are only two files and one image in image folder. It is viewed good on IE, but I can't make it work in Safari. You can view style.css in same directory. Thanks!
July 19, 200917 yr I opened your page in IE7 where the text was 45px italic and in Safari on Windows where the text was default style. I copied your html and css files to my PC and the text was 45px italic in Safari, so I'm not sure what the problem is.
July 19, 200917 yr IE7 looks fine, chrome just doesn't apply the css, but i get this in firefox яю<�!�D�O�C�T�Y�P�E� �h�t�m�l� �P�U�B�L�I�C� �"�-�/�/�W�3�C�/�/�D�T�D� �X�H�T�M�L� �1�.�0� �T�r�a�n�s�i�t�i�o�n�a�l�/�/�E�N�"� �"�h�t�t�p�:�/�/�w�w�w�.�w�3�.�o�r�g�/�T�R�/�x�h�t�m�l�1�/�D�T�D�/�x�h�t�m�l�1�-�t�r�a�n�s�i�t�i�o�n�a�l�.�d�t�d�"�>� � �<�h�t�m�l� �l�a�n�g�=�"�e�n�"� �>� � �<�h�e�a�d�>� � �<�m�e�t�a� �h�t�t�p�-�e�q�u�i�v�=�"�C�o�n�t�e�n�t�-�T�y�p�e�"� �c�o�n�t�e�n�t�=�"�t�e�x�t�/�h�t�m�l�;� �c�h�a�r�s�e�t�=�u�t�f�-�8�"� �/�>� �<�m�e�t�a� �n�a�m�e�=�"�K�e�y�w�o�r�d�s�"� �c�o�n�t�e�n�t�=�"�A�l�e�k�s�a�n�d�r� �S�m�i�r�n�o�v�,�n�o�a�r�t�i�s�t�n�a�m�e�,�p�r�o�d�u�c�e�r�,�m�u�s�i�c�,�b�i�o�,�e�l�e�c�t�r�o�n�i�c�,�R�e�a�k�t�o�r� �t�u�t�o�r�i�a�l�s�,�d�e�s�i�g�n�,�w�e�b�,�b�l�o�g�,�d�e�m�o�s�"� �/�>� �<�m�e�t�a� �n�a�m�e�=�"�D�e�s�c�r�i�p�t�i�o�n�"� �c�o�n�t�e�n�t�=�"�O�f�f�i�c�i�a�l� �n�o�a�r�t�i�s�t�n�a�m�e� �w�e�b�s�i�t�e�,�m�u�s�i�c�,�R�e�a�k�t�o�r� �t�u�t�o�r�i�a�l�s�"� �/�>� �<�m�e�t�a� �n�a�m�e�=�"�A�u�t�h�o�r�"� �c�o�n�t�e�n�t�=�"�A�l�e�k�s�a�n�d�r� �S�m�i�r�n�o�v�,�n�o�a�r�t�i�s�t�n�a�m�e�"� �/�>� �<�m�e�t�a� �n�a�m�e�=�"�R�o�b�o�t�s�"� �c�o�n�t�e�n�t�=�"�i�n�d�e�x�,� �f�o�l�l�o�w�"� �/�>� � �<�t�i�t�l�e�>�n�o�a�r�t�i�s�t�n�a�m�e�[�d�o�t�]�c�o�m� �|� �A�l�e�k�s�a�n�d�r� �S�m�i�r�n�o�v� �-� �m�u�s�i�k�&�a�r�t�<�/�t�i�t�l�e�>� � �<�l�i�n�k� �r�e�l�=�"�s�t�y�l�e�s�h�e�e�t�"� �h�r�e�f�=�"�s�t�y�l�e�.�c�s�s�"� �t�y�p�e�=�"�t�e�x�t�/�c�s�s�"� �/�>� �<�l�i�n�k� �r�e�l�=�"�s�h�o�r�t�c�u�t� �i�c�o�n�"� �h�r�e�f�=�"�i�m�a�g�e�s�/�n�o�a�r�t�i�s�t�n�a�m�e�.�i�c�o�"� �t�y�p�e�=�"�i�m�a�g�e�/�x�-�i�c�o�n�"� �/�>� � �<�/�h�e�a�d�>� �<�b�o�d�y�>� � �<�d�i�v� �c�l�a�s�s�=�"�W�e�l�c�o�m�e�P�a�g�e�"�>�T�e�x�t�<�/�d�i�v�>� � �<�/�b�o�d�y�>� �<�/�h�t�m�l�>� which leads me to ask, what are you writing your code in? and how are you uploading it? Because it looks like an encoding issue to me. Html validator states this, which is what i think you're problem is Character Encoding mismatch! The character encoding specified in the HTTP header (windows-1251) is different from the value in the XML declaration (utf-16le). I will use the value from the HTTP header (windows-1251).
July 19, 200917 yr Author Hi bocaj, I'm using Coda for Mac. And I'm editing right in Coda and save file to root directory. What can you recommend me to do? How should I save it? Thanks, Aleks.
Create an account or sign in to comment