face « font « Javascript HTML CSS Q&A

1. How do you access @font-face in the DOM (via Javascript)?    stackoverflow.com

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!

2. Why do designers use sIFR if they can use @font-face?    stackoverflow.com

Why do designers use sIFR if they can use @font-face ? What is wrong with @font-face ?

@font-face {
    font-family: "Hacen Tehran_eot";
    src: url('Hacen Tehran.eot');
}

@font-face {
  ...

3. @font-face, Javascript vs CSS    stackoverflow.com

I'm wondering if anyone has had any experience comparing the performance of @font-face fonts from a font service that requires referencing via Javascript ( such as typekit ) vs. a font ...

4. Fonts always thicker in Firefox than Chrome regardless of font-family    stackoverflow.com

I am implementing @font-face into a small experimental site of mine: http://mutanttractor.github.com/StackOverflow-Android-Dashboard/ In Chrome the header text looks like this: In Firefox 3.6 and 4b12 it looks like this:

5. @font-face blocking page download on Chrome    stackoverflow.com

I am using @font-face and my page is being blocked from downloading when my @font-face service provider goes down. ( All requests significantly slow down to a crawl ONLY at the ...

6. @font-face using javascript alone possible?    stackoverflow.com

is there anyway to "add fonts to a page" using javascript alone.. without CSS? currently i'm using @font-face.. However i'm wondering is there anyway i could achieve this without using the tag ...

7. CSS @font-face messes up javascript in Opera 11 on Mac    stackoverflow.com

Here is my site http://smartpeopletalkfast.co.uk/pp2/shop/baby-essentials/cardigan In a CSS file called localhost_petitpim-fresh.css I have this (taken from the font squirrel @font-face kit):

@font-face {
font-family: 'MolengoRegular';
src: url('Molengo-Regular-webfont.eot');
src: url('Molengo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('Molengo-Regular-webfont.woff') ...

8. @Font-face and wrong value of the offsetWidth attribute    stackoverflow.com

I encounter this problem in the latest version of Chromium. After the creation of the first element using a font-family embedded via @font-face I am being handed wrong offsetXyz values. By ...

9. Firefox blurry font when using @font-face    stackoverflow.com

I have used @font-face css technique to load the fixedsys font on a webpage. it works perfect with all browsers except for firefox 6. with this FF6 I have a blurry effect on ...

10. Preloading fonts and images?    stackoverflow.com

On the home page of my site I'd like to preload fonts and images that are used on other pages of the site, to avoid FOUC's. What's the best way to do ...

11. Dynamically adding @font-face rule in IE 8 and less    stackoverflow.com

I'm adding @font-face rules using IEs stylesheet.addRule() method. However, the @ symbol is a disallowed character for the 'selector' argument of that method so I'm getting a 'invalid argument' error.

s.addrule("@font-face", "font-family: ...

12. Font-face flickering when new css files are dynamically loaded    stackoverflow.com

I am using the Google Webfont Loader to get my webfonts loaded with a callback and it is working fine. Although, when a couple of components: Google +1 button, Twitter Search Widget ...