font-face

问题 I'm using two special fonts on my website for headings and subtitles. They are working fine on a PC in IE, Firefox and Chrome. However, on a Mac in Safari and Chrome the fonts appear emboldened and slightly blurred. The particular fonts I am using are Utopia and Helvetica Neue Condensed Bold. I have generated the font kits using font squirrel based on otf files. I am using the CSS generated by font squirrel. You can see the website at http://shapecast.benmango.co.uk. I also have screenshots

问题 I'm using an @font-face declaration to call a font on a website and it displays in IE, FF, Chrome, even Mobile Safari . However, the font is not displaying in Chrome 18.0.1025308 for Android (4.1.2) . The syntax I'm using is fontspring's bulletproof syntax, and I'm having a real problem determining what is preventing the font from displaying properly. CSS: @font-face { font-family: 'jump_startregular'; src: url('wp-content/uploads/fonts/jstart-webfont.eot'); src: url('wp-content/uploads/fonts

问题 I am writing the following CSS code to create font face style using an Arabic font, and i am using windows OS... the problem that browsers doesn't read it, i am testing on chrome, firefox, explorer and opera... the four browsers doesn't recognize the font... here is my CSS code... @media screen, print { @font-face { font-family: 'FUFONT'; src: url(../fonts/ScheherazadeRegAAT.ttf) format("truetype-aat"), url(../fonts/ScheherazadeRegOT.ttf) format("opentype"); font-weight:bold; } } and call it

问题 I used to have the same output in both webkit browsers (Chrome & Safari) but suddenly (and I don't know what I could have changed the rendering in Chrome looks crappy. this is my html <li class="cat-item term term-workshops"><a href="/workshops">Workshops</a></li> and this is my css .term a { display:inline-block; height:1em; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; font-smooth:always; } .term-workshops

问题 I'm importing a font with CSS. However, it does not seem to work in IE. I don't know why. Here's my CSS code: @font-face { font-family: 'bello'; src: url('../fonts/bello.eot?'); src: url('../fonts/bello.eot?#iefix') format('embedded-opentype'), url('../fonts/bello.woff') format('woff'), url('../fonts/bello.ttf') format('truetype'), url('../fonts/bello.svg#bello') format('svg'); font-weight: normal; font-style: normal; } .bello { font-family: "bello", Verdana, Tahoma; } I've added .eot, .svg,

问题 please read all of this before commenting. I'm currently working on a large website which is hosted on Amazon Web Services (AWS). This allows us to use scalability features in situations where the website might take a big traffic load. Originally we started by separating out the code of the website a mix of HTML/PHP/Java etc and have static assets on a separate server. When I first tried using font-face in this setup I found that Firefox and IE would not load the font, and quickly discovered

问题 This question already has answers here : How does ?#iefix solve web fonts loading in IE6-IE8? (4 answers) Closed 5 years ago . I have a question about css @font-face. I'm using the following code from this website (http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax). @font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype'), url('myfont

问题 This question already has answers here : How does ?#iefix solve web fonts loading in IE6-IE8? (4 answers) Closed 5 years ago . I have a question about css @font-face. I'm using the following code from this website (http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax). @font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype'), url('myfont

问题 The following code works in Google Chrome beta as well as IE 7 but not in firefox. @font-face { font-family: 'open_sans_semiboldregular'; src: url('../fonts/opensans-semibold-webfont.eot'); src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#open_sans_semiboldregular') format('svg'); }

问题 I have used the following rule to allow our static domain to host fonts, but I've run into a problem font's not being used by the browser (firefox, safari) when the browser cache is enabled. <Directory "/site/http/web/assets/fonts"> <FilesMatch "\.(eot|otf|woff|ttf)$"> SetEnvIf Origin "^http://(.*)?main-domain.com$" origin_is=$0 Header set Access-Control-Allow-Origin %{origin_is}e env=origin_is </FilesMatch> </Directory> I've also used the below rule to let browsers know it's ok to cache