It would be easier for development if I can just embed every typeface I'm likely to use, but I definitely don't want the extra HTTP requests for fonts that don't end up anywhere in the page. Can anyone enlighten me? ...
Which font types i will need in @face-font and how to to make font smoother in all browser like sIFR? IE 6, IE 7, IE 8, Firefox 3+, Google Chrome and Safari (MAC) Which font type i needed ...
How can i know for any font it's allowed to use in @font-face or not? even if i recieve font from client, font installed in company PC, font comes with Adobe Software and MS Office? ...
Is there a default location for where I should be storing the fonts? Within rails I can't get the font to load, whereas with the 'font kit' downloaded from fontsquirrel.com where the font,css and sample html in the same folder will work. this is my css @font-face { font-family: 'RalewayThin'; src: url('fonts/raleway_thin.eot'); src: ur...
fontsquirrel.com allows you to upload a font and create a @font-face kit which you can apply to your website and use to display fonts which will display cross-browser (even in IE6!). But what I want to know is, is this legal? I've been supplied the font "Lubalin Graph Std" and told to use this for headers on the website I'm creating. I ...
for site which language is chinese what should i choose @font-face or sIFR for custom fonts? and which charset i should choose? Any typography, license free fonts suggestion would be appreciated. ...
Hi all, First try the test case please: http://lemon-factory.net/test/font-face-and-canvas.html I'm not good at English, so I made the test case to be self-explanatory. On the first click to the DRAW button, it will not draw text, or will draw with an incorrect typeface instead of the specified "PressStart", according to your browser....
Hi I'm looking to access @font-face with Javascript. I assume it's somewhere in the DOM but where? I want to do this for @font-face feature detection. Thanks! ...
I'm embedding a font in Internet Explorer with @font-face and it works but is not antialiased. How do I enable antialiased rendering for embedded fonts in IE? ...
Hello chaps and chapettes, I've got a bit of a strange one for you (so to speak). I've devised a little 'coming soon' page for my site which, locally, (on a WAMP setup) is working flawlessly - in capable browsers (i.e. Chrome and Safari), the page looks fine and has a nice little CSS3 transition effect upon hover. And in other browsers,...
I'm using a custom font and the @font-face tag. In Windows, everything looks great, regardless of whether it's Firefox, Chrome, or IE. On Mac, it's a different story. For some reason, the Mac font renderer thinks the font is a lot shorter than it is. For example, consider this test code (live example here): <!DOCTYPE html PUBLIC "...
Ok I've been at this for some time and am now bewildered. The following code works in Google Chrome beta as well as IE 7. However, Firefox seems to have a problem with this. I'm suspecting it to be a problem of how my css files are included, cause i know firefox is not too friendly about cross-domain imports. But this is all just stati...
I'm using a font called Chunk Five and when embedded with font-face, it looks almost unreadable in windows 7 browsers because of the way Windows renders their fonts (it's too fuzzy and thick). I've tried modifying things like font-weight and text-shadow, but they don't have any effect. Is there any way to change this or will I have to re...
I'm using @font-face for some headers. The replaced typeface is different in dimension and overall character. When the switch happens, the old typeface's rules don't look so good. Other than writing a conditional Javascript script, is there a way to have a set of CSS rules for @font-face fonts (if the browsers supports it) and CSS r...
Hy guys, I've a problem with IExplorer, Chrome, Safari etc.. Only Firefox works perfectly with all of this @font-face rules: In Css: @font-face { font-family: Calibri; src: url('Calibri.ttf'); } @font-face { font-family: HAND; src: url('http://www.mydomain.org/css/HAND.eot'); src: url("HAND.ttf"); } #side_text { position:relati...
Is there any way to make the fonts render as anti aliased in Windows, when using font-face embedding? http://code.google.com/webfonts looks much better on Ubuntu/Mac, as compared to Windows 7 (tried chrome/firefox) ...
I'm trying to create an offline HTML5 test application, and am playing with the new google fonts api at the same time. Does anyone have any ideas how to cache the remote fonts? Simply putting the api call in the cache manifest doesn't work, I assume this is because the api actually loads other files (ttf, eot, etc). Any ideas if using t...
I am trying to create a type of font repository for use on my websites, so that I can call to any font in the repository in my css without any other set-up. To do this I created a subdomain on which I placed folders for each font in the repository that contained the various file types for each font. I also placed a css file called font-f...
I started getting into reading design blogs a little while ago, and it seemed that @font-face got really popular sometime late last year, or something like that, because I was under the impression that it was a new emerging feature of the web. But then I saw that Internet Explorer has had it since IE4 (with some conversion). So is it co...
I'm using the Google webfonts API to embed Droid Sans on a page. All is fine, except for the descenders (i.e. the dangly bits on y, g, etc). The latest versions of Firefox, IE and Chrome on my Windows Vista box are all cutting the bottom off. <!DOCTYPE html> <html> <head> <title>Droid sans descender test</title> <meta charset="utf-8">...