When we define @font-face styles, we can define whether the referenced files are for the bold, italic, or bold italic versions of a font, as discussed in this SO question: http://stackoverflow.com/questions/2436749/how-to-define-bold-italic-using-font-face Example: @font-face { font-family: 'FontinSans'; src: local('☺'), url('...
Hi there, I'm having a strange issue with some @font-face text where there is some strange padding (or at least vertical space) included with the text. It is causing problems because I want to text to be positioned a certain way but can't have it overlapping other things. Here is a picture of what is occurring: As you can see when the...
I am developing a small rails app to serve fonts to other sites say a request http://url/fonts/fontname will return woff,eot or ttf font based on the browser type. This app is working fine in my localhost but not in other ip... I know the problem is something to do with Cross-Origin Resource Sharing restriction but don't know how to so...
I have an inline heading (h1) with a background-color on the heading, but on Mac OS in both safari and Firefox it does not seem to stretch around the font. With a websafe font it works fine. Line height is set according to the font-size. Any suggestions? See visual expamle: http://www.flickr.com/photos/hegerokenes/5038724235/ @font-f...
What is the right way to use @font-face so that the browser will not download the font if the user already have it? I am using @font-face to define DejaVu, which is already installed on my system (linux). Firefox is not downloading the font, but Chromium is downloading it every time! My CSS code, based on font squirrel and that questio...
So firefox doesn't want to load my fonts, the path is right I also so the request in Firebug, but it won't render it. On other browser it works perfect, here is my code: @font-face { font-family: 'Gill Sans'; src: url('/fonts/gillsansstd-webfont.eot'); src: local('☺'), url('/fonts/gillsansstd-webfont.woff') format('woff'), url('/fonts/g...
Hi people... As every web-developer I'm tired of Internet Explorer... I'm working on a new website and use font-face (the problem may not be related but just in case...): @font-face { font-family: 'ArabicTypesettingRegular'; src: url('arabtype-webfont.eot'); src: local('☺'), url('../../../partilhado/fontes/arabtype-webfont....
Having a weird issue using Font Squirrel's font generator. I follwed the steps and have it all working in all broswers. However as soon as I make a new folder and copy across the index file, and alter the CSS root, the new page does not work, but the original does. This is only happening in Firefox 3.6, all other browsers render the new...
I can use @font-face but it does not work in all browsers. Are there any way to use custom font file in my site ? ...
I want change the default font of webview to a custom font. I'm using webview in developing an bilingual browser app for Android. I tried getting an instance of custom typeface by placing my custom font in assets. But still couldn't set webview's default font to my font. This is what I tried: Typeface font = Typeface.createFromAsset(g...
I'm trying to change the font of web pages loaded in to a Browser app developed for Android. Currently my custom font is hosted in a URL & I access the font from there by injecting a JavaScript to the page to change the style sheet (CSS) font face. Here is the current code: var css = '@font-face {font-family: "dhanika"; src: url(http:/...
I am aware that using @font-face allows the browser to download a custom font and use it in a web page just like any system font. What I want to know is if the browser encodes the font or uses it without exposing it? Thanks ...
I'm using @font-face on my company's site and it works/looks great. Except Firefox and Chrome will throw a 404 error on the .woff file. IE does not throw the error. I have the fonts located at the root but I've tried with the fonts in the css folder and even giving the entire url for the font. If remove those fonts from my css file I don...
I am trying to print web pages contains external css reference which uses web fonts (I mean @font-face attribute) but in print preview web fonts are disappeared , Could any one know a solution with out using the web font locally? ...
Does anyone know how to use the Font Squirrel @font-face kit generator, or something similar, to output a variant of a font, i.e. the bold variant? I am using Gill Sans on my website and it is set to "font-weight: 900" or "font-weight: bold," which looks great on my machine because it has the font installed. But if I just embed the font...
This is my font-face declaration I have used. @font-face { font-family: SolaimanLipi; src: url("font/SolaimanLipi_20-04-07.ttf"); } This is working perfectly in Firefox but I'm getting wrong with chrome. After 'inspect element' i got the following message: Resource interpreted as font but transferred with MIME type application/octe...
Hi all, I'm including server side fonts via css @font-face { font-family: "lucida"; src: url('LucidaAll/LBRITE.eot'); /* IE */ src: local("lucida"), url('LucidaAll/LBRITE.TTF'); format("truetype"); /* non-IE */ } And Using this in <body> tag like font-family:"Lucida Bright", Verdana, serif; It works well for normal fonts. but not ...
Does @font-face work in all browsers ? How can i use @font-face (I want example). ...
I've used http://www.fontsquirrel.com/ to create a @font-face kit. It works fine, but the result on windows is different from the result on mac. On windows the font seems to have a wrong anti-aliasing: this is the result on Mac with FF, Chrome or Safari (all updated to last version). this is the result on Windows with FF or Chrome. ...