Hello all, Im having a problem with @font-face. It actually works flawlessly on Safari, internet explorer 7+ and Firefox for windows but not at all on firefox for mac. I'm using code from the bulletproof @font-face article Here's my Code: @font-face { font-family: "QlassikMediumRegular"; src: url("../fonts/Qlassik_TB.eot");...
As I'm working through an SL3/SL4 application, and starting to work with fonts, I'm finding a lack of documentation and best practices on font strategies. For example: Are there common fallback fonts for the supported font set (Arial, Comic Sans MS, etc.)? Is there a set of recommendations on fallback fonts between Windows and Macintos...
On my website, my font family is Tw Cen MT, Gill Sans, Century Gothic, sans-serif. Obviouisly, not everyone is going to have Tw Cen MT, so I have chosen to try out the @font-face method. Here is my css: @font-face { font-family: Tw Cen MT; src: local("Tw Cen MT"), url(fonts/TwCenMT.ttf) } A few questions: Will this work in all m...
I have to use a fancy font in a project but I'd really like to avoid sifr and other ugly alternatives so I'm looking at @font-face. However, I'm really confused with several blog/sites offering different views on its usability. Is is ready yet? Which browsers support it today? Thanks ...
I am using @font-face on a site I am working on, and all is working perfectly cross-browser until I use a modal window to display an iframe. When a link is clicked within the iframe or a form is submitted, Internet Explorer 8 looses the @font-face styling and reverts to Arial. This problem also occurs if a modal window is opened with a...
The following @font-face declaration works perfectly well on Firefox (Mac) but not Safari/WebKit: @font-face { font-family:MyGaramond; src:local("Garamond Premier Pro"), /* Full name */ local("GaramondPremrPro"), /* Postscript name */ url("GaramondPremrPro.otf") format("opentype"); /* Fallback */ } h2 { font-family:MyGaram...
I've to implement custom font in a website, What should be used. Client is providing custom fonts. All browser support (Including IE6 and in all A Grade Browsers) text Selectable Selection visible Accessible with screen reader Successfully degradable if JS is disabled Easy to implement and manage in less time Mobile browser compatible ...
Just wanted a confirmation for this: Firefox currently doesn't play well for picking custom fonts through a sub-domain via the font-face tag. Other browsers do this without any problems. A little research showed up saying that i am required to set the Access-Control-Allow-Origin as is shown in the link here: http://pastie.org/653265 E...
I'm looking at the MDC page for the @font-face CSS rule, but I don't get one thing. I have separate files for bold, italic and bold + italic, how can I embed all three files in one @font-face rule? For example, if I have: @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") format("ttf"); } strong { fo...
I want use @font-face for new browsers and use image-replacement for others... How I can check @font-face is exists in user browser? ...
Right now I'm trying desperately to get @font-face to work in my website. This is the code I am using right now. @font-face { font-family: romeral; src: url(fonts/romeral.otf ) format("opentype"); } And then.... h1 { font-size:2.5em; font-family:romeral; } I am using the font Romeral. Here's a link to it: http://www.smashingm...
I would like to use Calibri for my website. I would like to use the Calibri font for my website even when the visitor does not have the font installed (ie. non Windows Vista/7 visitors). Does Microsoft allow embedding of the Calibri font into a Web Site? If so, what technology do they allow this? EOT? Thanks. ...
I was experimenting with the fancy new OpenType font capability in Firefox 3.5 and I ran into a problem. I was trying to embed a font on a different domain than the page it would be used on, and it didn't work. I thought it may have been a bug, but from what I read on the MDC reference page, I noticed this note: In Gecko, web fonts a...
I just started using @font-face This is on top of my css @font-face { font-family: Avenir; src: url(../fonts/AvenirLTStd-Medium.otf); } body{ font-family:"Avenir",Helvetica; background:#fff url(../images/main_bg.png) repeat-x scroll 0 0; color:#321244; } and i have this below for a menu on joomla #menu_bottom ul li a { font-si...
I found @font-face is good alternative of sIFR3 but every browser need different extension of font. so implementing is more than sIFR3. But very good thing is FLASH and Javascript not needed. Is there any cons to use @font-face in compare to sIFR3? I need compatibility in all A-Grade Browsers. and If any font which is freely availabl...
Is there any free font available to use with sIFR @font-face etc? if i use those then nobody will file a court case on me, no body will send any legal notice to me.? Are thee good tension free, license free fonts available to use personally, commercially in my projects, in client projects? Nobody should send any notice to my lovely cl...
I'm currently building a LOB application in Silverlight 4. I've been considering the question of typography for the application. After some experimentation on the design side the font that people like is Segoe UI. Now I can embed this font and although the font is freely available in Windows we don’t have distribution rights for this f...
I just discovered that letter-spacing doesn't always work in webkit (and perhaps other browsers?) when embedding fonts. I've tried it on two different fonts and received different results. "League Gothic Regular" will work http://www.theleagueofmoveabletype.com/fonts/7-league-gothic "Quicksand Light" will not http://www.fontsquirrel...
This is CSS code @font-face { font-family: 'FuturaStdBook'; src: url('site/font-face/futurastd-medium-webfont.eot'); src: local('☺'), url('site/font-face/futurastd-medium-webfont.woff') format('woff'), url('site/font-face/futurastd-medium-webfont.ttf') format('truetype'), url('site/font-face/futurastd-medium-webfont.svg#webf...
Scenario: Flex application utilizing an @font-face declaration for embedding the font. (Embedded fonts are required to be able to rotate text.) The application was originally developed as an English application, but during localization it became necessary to locate a unicode font capable of displaying Asian characters. The original im...