font-face

问题 I have a few licensed fonts that I have embedded into my Rails app using the CSS @font-face tag. These fonts are located in the "../Public/Fonts/" path in my Rails 3 app and render perfectly on any local machine that I pull down the repo and run on. However when I push my app to Heroku it can't seem to find the fonts. You can tell that it's looking in the font directory but can never access them. It doesn't seem to matter where I place the fonts or how I type the font path in the @font-face

问题 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 modern browsers (Firefox, Chrome, Safari, and IE8)? I have not yet tested it because I have the font. Does this method work for you when you visit my homepage? the

问题 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 modern browsers (Firefox, Chrome, Safari, and IE8)? I have not yet tested it because I have the font. Does this method work for you when you visit my homepage? the

问题 I'm using 2 font-faces and wish to switch between them using jQuery, thing is my font-face's name is 'ArvoBold' and when I use: css('font-family','ArvoBold') it changes to a non-existing font named ArvoBold (no-quotes)! I've tried to make it work with: css("font-family","'ArvoBold'") But it doesn't seem to work. I've also tried to create a variable: var fontvar="'"+"ArvoBold"+"'"; css('font-family',fontvar); And also with no success, because on the CSS of the element (checked using Google

问题 I have a page which is a cms/wysiwyg/ms word nightmare. It pulls many paragraphs of text from a database, some of which have retained ms word's bizarre html tags - including font declarations!!! ahh! In one sentence I can have things like: <span style="font-family:Verdana">this is some</span> <span style="font-family:arial">ugly text!</span> I was wondering if there is a way of removing all font-family and font-size styles so they will adapt the master stylesheet css? I'd prefer to not get

问题 I have a page which is a cms/wysiwyg/ms word nightmare. It pulls many paragraphs of text from a database, some of which have retained ms word's bizarre html tags - including font declarations!!! ahh! In one sentence I can have things like: <span style="font-family:Verdana">this is some</span> <span style="font-family:arial">ugly text!</span> I was wondering if there is a way of removing all font-family and font-size styles so they will adapt the master stylesheet css? I'd prefer to not get

问题 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 回答1: Just about every browser implements it now. The only real catch is that Internet Explorer requires font files in its own OTF format and will not understand TTF format. Many sites that provide fonts for use

问题 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 回答1: Just about every browser implements it now. The only real catch is that Internet Explorer requires font files in its own OTF format and will not understand TTF format. Many sites that provide fonts for use

问题 I'm using @font-face to display a typeface I have bought and am self-hosting. It works fine on Apple devices, but in some versions of Outlook and Android my text is not displayed at - just a big blank space where the text content should be. Here is my code: <head> <style type="text/css"> @media screen { @font-face { font-family: 'ElenaWebBasic'; src: url('https://www.xyz.co.uk/webfonts/ElenaWebBasicBold/ElenaWebBasicBold.eot'); src: url('https://www.xyz.co.uk/webfonts/ElenaWebBasicBold

问题 I have a simple example, where for some reason definition of @font-face will work only for Chrome and fails to work in FireFox, Safari and IE : https://jsfiddle.net/d8e6xz7e/1/ HTML: <body> <div class="original-font"> This is the original font </div> <div class="bold-font"> This should be bold! But it is not in IE, Safari and FireFox </div> </body> CSS: @font-face { font-family: 'Lucida Bold Italic'; font-style: italic; font-weight: bold; src: local('Lucida Sans Unicode'), local('Times New