font-face

问题 I'm using the font Cardiff in a project and trying to apply the style text-decoration:underline to it. This works fine in Chrome (Version 35.0.1916.114) but Firefox (Version. 29.0.1) the underline is crossing through the text instead of appearing under it. I believe it's something to do with the Cardiff font because when I try a 'Web Safe' font the underline is displayed correctly. This is how the Cardiff font is being displayed If I then change the font to Helvetica , this is how it's

问题 Notice this simple css/html which is being displayed in a local UIWebView: there's the simulator showing it... Notice there are two @font-face definitions. But ... only the second one works. If you swap them around, only the second one works. So here ... @font-face { font-family:'aaa'; src: local('SourceSansPro-Regular'), url('SourceSansPro-Regular.ttf') format('truetype'); } @font-face { font-family:'bbb'; src: local('SourceSansPro-BoldIt'), url('SourceSansPro-BoldItalic.ttf') format(

问题 I experienced a problem with the fontsquirrel webfont generator. Two special hungarian chars (ő, ű) do not exist in the output font files, while the input files do . On the other hand, I can not find any settings (like in Cufon), to set which chars should or should not be contained in tha pack. Some suggestions? The font is 'Aller', BTW. Thanks for your help. 回答1: I have similar problems with fonts š, č, ž in Slovenian language. I usually download the font (or Kit), go to @font-face Generator

问题 Been working on a site and the designer has decided to use Arial Black as the h1 & h2 font-face. All is well however upon using this font I have quickly discovered it renders in Italics. Has anyone else come across this issue? and if so what was your solution to rectifying this? I'm not sure I can justify purchasing 'Arial Black' as its a windows standard font... I read that there was an issue back in XP SP3 that the Arial Black font was overwritten with the Italics version.. but does this

问题 I dont understand whats going on here because when I had this code on its own it was working (in FireFox): @font-face { font-family: 'mmfont'; src: url('/scripts/mmfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } Then I added a second font in exactly the same manner, but only the first one was working: @font-face { font-family: 'mmfont2'; src: url('/scripts/mmfont2.ttf') format('truetype'); font-weight: normal; font-style: normal; } Then I used a font-generator to get

问题 I have multiple @font-face fonts in my stylesheet, is there a way of only load the ones being used on that page? Other than loading a separate stylesheet for each page that features that font. 回答1: I don't know how browsers are really implementing it, but CSS Fonts Module Level 3 says in its "Font loading guidelines" section, that browsers must download only the fonts that are used in the current page : The @font-face rule is designed to allow lazy loading of fonts, fonts are only downloaded

问题 Do major web and desktop email clients support the font-face feature? It would be only logical to assume that they don't but thought I'd ask anyway. Has anybody tested? 回答1: font-face email support Campaign monitor and type-kit have done some research on this topic and have found support to be very rare. Only iPhone and Apple Mail work at all. http://www.campaignmonitor.com/blog/post/3044/does-font-face-work-in-email/ This is unfortunate as, as of January 2010 all of the major browsers

问题 Rails-4 For font face mentioned below, @font-face { font-family: "Verdana";src: url(/assets/Verdana.ttf) format("truetype"); } Location of file is app/assets/fonts (loaded by rails itself) Now if I have this file in app/assets/fonts/client_4 folder, I had to add following in application.rb config.assets.paths << Rails.root.join('app', 'assets', 'fonts', 'client_4') or Dir.glob("#{Rails.root}/app/assets/fonts/**/").each do |path| config.assets.paths << path end It worked with font-face url

问题 I have been trying to use custom arabic font file "ttf" in my jQuery mobile 1.4.0 & Phonegap app for android but it didnt work on android version 4.x , the default arabic font displays in the emulator and in the actual device not my custom font . How can I use custom arabic font in jQuery mobile 1.4.0 and phonegap for android v4.x and makes it work ? Please help me .. @font-face{ font-family:'W3Arabic'; src: url("Fonts/W3Arabic.ttf"); } font { text-shadow:0 0 0; -moz-user-select: none;

问题 I have been trying to use custom arabic font file "ttf" in my jQuery mobile 1.4.0 & Phonegap app for android but it didnt work on android version 4.x , the default arabic font displays in the emulator and in the actual device not my custom font . How can I use custom arabic font in jQuery mobile 1.4.0 and phonegap for android v4.x and makes it work ? Please help me .. @font-face{ font-family:'W3Arabic'; src: url("Fonts/W3Arabic.ttf"); } font { text-shadow:0 0 0; -moz-user-select: none;