font-face

问题 Can fonts be compressed someway before using as webfonts? I have a font file which is 150kB. Is it possible to compress it down. And also if i call for both font .eot and .ttf will both be downloaded by browsers? 回答1: If you use the FontSquirrel @font-face kit generator - http://www.fontsquirrel.com/fontface/generator - and choose the expert setting, you can manipulate the settings to achieve a little better compression. 回答2: You can compress .woff font files with https://github.com/hn/woff

问题 Can fonts be compressed someway before using as webfonts? I have a font file which is 150kB. Is it possible to compress it down. And also if i call for both font .eot and .ttf will both be downloaded by browsers? 回答1: If you use the FontSquirrel @font-face kit generator - http://www.fontsquirrel.com/fontface/generator - and choose the expert setting, you can manipulate the settings to achieve a little better compression. 回答2: You can compress .woff font files with https://github.com/hn/woff

问题 First some background information. It seems that using the CSS3 @font-face rule can interact in unexpected and undesired ways with ClearType font renderingv in any browser, on any version of Windows (XP and above.) I first documented this as a Google Font Directory bug when I ran into it. Further research seems to yield conflicting information; having ClearType enabled or disabled can either help or hurt how a @font-face font renders in any web browser in Windows. Whether ClearType helps or

问题 First some background information. It seems that using the CSS3 @font-face rule can interact in unexpected and undesired ways with ClearType font renderingv in any browser, on any version of Windows (XP and above.) I first documented this as a Google Font Directory bug when I ran into it. Further research seems to yield conflicting information; having ClearType enabled or disabled can either help or hurt how a @font-face font renders in any web browser in Windows. Whether ClearType helps or

问题 I can't quite believe this question hasn't been asked specifically for OpenType fonts, but does anyone know of a way to remove glyphs from these fonts? I have an .OTF with a very large file-size (almost 10MB) and I need to make it smaller. The reasons are two fold. 1) I'm trying to prepare it for web embedding, so the smaller the files, the easier for the client. 2) Font Squirrel (used for easy preparation of font files) has a 2MB upload limit - I know there are alternatives, but none so far

问题 I can't quite believe this question hasn't been asked specifically for OpenType fonts, but does anyone know of a way to remove glyphs from these fonts? I have an .OTF with a very large file-size (almost 10MB) and I need to make it smaller. The reasons are two fold. 1) I'm trying to prepare it for web embedding, so the smaller the files, the easier for the client. 2) Font Squirrel (used for easy preparation of font files) has a 2MB upload limit - I know there are alternatives, but none so far

问题 I have trouble reading a font in Safari. I converted OTF to TTF - two bold and regular fonts. Both are fine in Chrome and Firefox. But in Safari, only the bold font is works, regular does not. IE does not read the EOT font which I have converted from a website. Is there any better way to convert OTF to EOT? Here is my code: <style type="text/css"> //Bariol_Bold @font-face{ font-family: Bariol_Bold; src:url("fonts/bariol_bold.eot"); /*For ie browser*/ } @font-face{ font-family: Bariol_Bold;

问题 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.com/fonts/Quicksand What's the skinny? Is there a way to force the hand of non-compliant fonts? Quick note: Firefox does seem to apply to both fonts. 回答1: I'm not

问题 I'm using different fonts for my page. Codes I've used in my CSS file are as followed: @font-face{ font-family:dst; src:url('fonts/dastnevis.ttf'), url('fonts/dastnevis.eot'), url('fonts/dastnevis.otf'); } @font-face{ font-family:hayat; src:url('fonts/hayat.ttf'), url('fonts/hayat.eot'), url('fonts/hayat.otf'); } @font-face{ font-family:taha; src:url('fonts/taha.ttf'), url('fonts/taha.eot'), url('fonts/taha.otf'); } The problem is that Chrome (I'm using version 28) is reading only one of

问题 The font (myriad pro) seems to be different between Firefox & Webkit browsers (Chrome & Safari). I have not tested on Internet Explorer. form.standard.small input[type=submit] { width: 104px; height: 36px; margin: 12px 2px 4px; padding: 5px 27px 5px 45px; font-size: 14px; background:url('../images/button-small.png') no-repeat 0px 0px; } When I go into the computed style in Firebug, all parameters are the same (line-height, font-size, padding, margin, etc). I tried isolating the @font-face