font-face

问题 for some reason the font is not rendering in IE 8 and under. I've applied the IE fix (.eot?#iefix) which always has worked but for some reason it's not this time. Anybody know what's going wrong or have had an issue like this as well? Here's what I have: @font-face { font-family: 'rrb-main'; src: url('./assets/rrb-main.eot'); src: url('./assets/rrb-main.eot?#iefix') format('embedded-opentype'), url('./assets/rrb-main.woff') format('woff'), url('./assets/rrb-main.ttf') format('truetype'); font

问题 for some reason the font is not rendering in IE 8 and under. I've applied the IE fix (.eot?#iefix) which always has worked but for some reason it's not this time. Anybody know what's going wrong or have had an issue like this as well? Here's what I have: @font-face { font-family: 'rrb-main'; src: url('./assets/rrb-main.eot'); src: url('./assets/rrb-main.eot?#iefix') format('embedded-opentype'), url('./assets/rrb-main.woff') format('woff'), url('./assets/rrb-main.ttf') format('truetype'); font

问题 I found this HOT bit of jQuery that actually allows you to replicate "font-variant: small caps". Normally not an issue, but I'm using @font-face and little did I know that it doesn't play nicely with font-variant-small-caps in Chrome, Safari, IE. Long story short, the code is working SWEET but it has one drawback - for some reason it is searching for the first text string that is bracketed by and then that text string is repeated in later example... code says: <h3 class="small caps">I'm the

问题 I have problem when I am hosting a web site: before hosting when i run web site locally in my computer the font was fine, but when hosting it, font doesn't work. (I use font for pdf on my web page, and i use dompdf to convert to pdf) Here the code: /* latin-ext */ @font-face { font-family: 'Great Vibes'; font-style: normal; font-weight: 400; src: local('Great Vibes'), local('GreatVibes-Regular'), url(./asset/fonts/font-sertifikat/sertifikat.woff2) format('woff2'); unicode-range: U+0100-024F,

问题 So I have a small issue with typography on a website (made with Wordpress). It works fine on all pages and all browsers, except one page on safari that just won't show nicely. Normal characters have the right font but the special ones (éèà ..) use a different one. I'm using the Suisse BP font, and it works well on other pages apart from this one, and the font is called the same way for each page. Here are some screenshots of the issue: on safari - mobile on safari - computer 回答1: https://dev

问题 I'm using fontello font-icons. They work perfectly except with Internet Explorer. They do not react also with the hover status and so... The problem I'm getting at this moment is a trange underline under the font-icon. I already tried text-decoration, border-bottom... Do anybody have any solution for this: This is my CSS code, I'm using SASS in this project: nav{ a{ width: 60px; height: $height-header-nav-tablet; float: left; line-height: 50px; text-align: center; @media screen and (min-width

问题 Could someone please help me understand what's the correct way of using CSS3 font-face. Below are some font-face declarations, which one is correct and why? /* START OF SAMPLE CODE # 1 */ @font-face { font-family: 'WebFont'; src: url('webfont.eot'); src: url('webfont.eot?#iefix') format('embedded-opentype'), url('webfont.woff') format('woff'), url('webfont.ttf') format('truetype'), url('webfont.svg#WebFont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:

问题 I'm using webpack to compile my sass files. I have a font-face that looks like this: @font-face font-family: "Alef" src: url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.eot") src: url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.eot?#iefix") format("embedded-opentype"), url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.woff") format("woff"), url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.ttf") format("truetype"), url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.svg#alefbold")

问题 I'm having trouble with with web fonts in Internet Explorer 11. The font(s) work for some users with IE11 but not others even though it's the same browser. Modernizr.fontface still returns true for the users experiencing the problem so I can rule that out. Below is the CSS... @font-face { font-family: 'Balthazar'; font-style: normal; font-weight: 400; src: url('/assets/fonts/Balthazar/Balthazar.eot'); /* IE9 Compat Modes */ src: local('Balthazar Regular'), local('Balthazar-Regular'), url('

问题 After listening to the latest Google I/O stream I was more than happy that they released a new version/update for their own font Roboto in their style guide. http://www.google.com/design/spec/style/typography.html# ! Note that this one is newer than the one in their webfont repo ! This is a screenshot of after(top) and before the update (bottom): http://img.konrad-abe.de/stackoverflow/screenshot-roboto-new_01.png This is a live demo of the bold versions: http://demo.konrad-abe.de