I have developed a site in Polish using the 'Lato' Google Font (supports the latin-extended character subset). My site is http://www.innova.uno
I have placed the code from GF website in my theme's ` section:
<link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext" rel="stylesheet">
When I open the site in Chrome, all text are displayed correctly. But when opening the site in Firefox the Polish characters are changed to Times New Roman - but only in the Lato font based texts - headers (see screenshot: http://pl.tinypic.com/r/etrsxj/9) - other latin-ext fonts work well.
I don't know if any of you will see the site in FF the same way, but if anybody does and could have a slight idea why is this happening - please give me a hint! :)
Thx.
Related
I tried nearly all answers from other SO questions I found. Accessing the favicon by itself works, Vimperator shows it when I :open that URL, but FF tab with said page has no favicon. Screenshot:
Code:
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="icon" type="image/gif" href="img/animated_favicon.gif">
Further info:
Code is between head tags.
Code is OK at least for Chromium: favicon shows there.
Path to image is correct.
Image exists and has proper resolution / format. Firefox can show it.
Specifying path with / or without changes nothing (in both FF and Chromium).
Restarting FF did not help, with deleting today's history also.
Copying icon file to root folder did not help.
It's not cache, reload with cache bypassing changes nothing.
EDIT after #Lin's answer:
Image can be found at both paths: http://host.domain/path/img/favicon.ico and file://root/directory/path/img/favicon.ico.
Image is NOT loaded by Firefox (no request is even made, both FireBug and WebDebugger tool from FF do not show any such request). Again, on both paths.
Chromium displays favicon even when served as file://....
FF sees favicon on hosted file when asked to group tabs, it's displayed:
, but even then it's NOT shown on tab.
What am I doing wrong or what am I unaware of?
I am using Century Gothic font in my HTML and then converting it in to PDF. It works perfectly on my mac, but on my Slackware 14.1 server, when I convert the HTMl in to the PDF, the font is not rendered as smoothly as it should be.
I read several ways to include non-standard fonts in the HTML, as #font-face, or adding the entire font in the CSS file as an encoded font and both these methods worked for me in the HTML. The HTML is rendered perfectly in the browser, it's the PDF which is not getting a correct Century Gothic. Any help is highly appreciated.
Thank you
I did some research too and it seems that this is a known bug with qt-webkit.
See the issue documentation here:
https://github.com/wkhtmltopdf/wkhtmltopdf/issues/2193
Sorry to not have better news for you. Maybe just try with a supported font that's close enough to what you like it to look?
is there any general reason for which Font Awesome doesn't show up in IE 10?
Another question - what's the #font-face thing all about? Do I have to use it? I haven't done it so far and it works well in Firefox and Chrome, could that be the reason for IE?
(excuse my ignorance, I'm a complete newbie)
I had the same issue, the actual cause was https secured connection
I was using https protocol changed it to http
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
I Hope it helps
If it is working on other browsers, make sure you are not in compatibility mode or have not accidentally put your site on the compatibility list in IE.
If it doesn't work in others, it has to have 2 classes: fa AND fa-blah (assuming Font Awesome 4.x; Font Awesome 3.x has different notation)
Also, check your developer tools F12 to make sure all the fonts and CSS/JS is loading into the site.
I need to display an alert box in other than English language for which I am making use of bean message using Application Resource properties file. The code written in JSP works perfect in Firefox but in IE the characters are messed up and I get all box signs inside alert box.The same problem occurs for ToolTips as well. Any solutions?
Check your page encodings
FF uses UTF-8 page Encoding. View--> Character Encodings
Earlier versions of IE set character encoding according to the language on the client when the document did not specify encoding
Which IE Version are you using ?
This may help also. IE uses the wrong character set when it renders an HTML page
Is charset is utf in headers ?
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
I did found a solution for my query. Actually the issues were with the tool tips and alert boxes were getting displayed in box sign characters only in Internet Explorer and that too in Windows Xp but working properly in windows 7 and other browsers.
What i did was:
1. Right Click On Desktop
2. Properties
3. Appearence Tab
4. Click On Advanced Button
5. In the Item Combo box Select MessageBox(the font combo box should get enabled by then)
6. Select Arial MS Unicode Font instead of Tahoma(Windows XP Default) Font.
And then Check. The desired output will be seen. This is a work around solution but it seems to work fine. Thanks WouterH and Hardik for your guidance till here.
I'm using #font-face for the first time, and it seems like the font file is always the last resource to load on the page, no matter what. I'm using a Font Squirrel-generated kit with the smiley syntax. I've tried some of the techniques suggested here, among other places, to get the font to download earlier, including putting the font directly as data in the CSS and putting a styled element in the head section of the document. None of these techniques are working; in Chrome, FF, and IE the font file is always downloaded very last.
Is there any to affect the order in which the font loads?
There is a related question here, but it just links to the same Paul Irish post I mentioned.
Font loading differs from browser to browser (i guess you're reffering to FOUC).
I think the only browser that loads it as fast as it reads the #font-face rule is IE and Opera.
EDIT with samples:
Here are some net load lists for a simple site:
font-family is called last in .css file - after all background
images
font being loaded is scriptbl-webfont
#font-face is
defined at top of css after the reset styles.
FF5 - font loads last:
IE9 - font loads on #font-face - and before background images:
Opera 11 - font loads #font-face - and before background images:
Safari 5 - font loads last (there is no favicon in my folder - Safari adds that by itself):
I'm not sure what your experiencing is a problem. To me using a different font that needs to be downloaded should be one of the last things to happen. The different font is a presentational piece, it's extra not required in my mind, let all of the required stuff download and then the extras.