font-face

@font-face not embedding in IE8 and under

孤街浪徒 提交于 2019-12-24 08:55:31
问题 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

@font-face not embedding in IE8 and under

点点圈 提交于 2019-12-24 08:52:30
问题 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

jQuery replacing “small-caps” - Content is Duplicating HTML between <h3> tags

那年仲夏 提交于 2019-12-24 08:19:16
问题 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

font-face doesn't work on hosting provider

允我心安 提交于 2019-12-24 06:49:29
问题 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,

Issue with font (special characters) not showing correctly on webpage

守給你的承諾、 提交于 2019-12-24 05:47:15
问题 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

IE creates font-icon strange underline

▼魔方 西西 提交于 2019-12-24 02:15:17
问题 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

What's the correct way of using CSS3 font-face?

♀尐吖头ヾ 提交于 2019-12-24 02:11:54
问题 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:

woff and ttf fonts 404 not found

[亡魂溺海] 提交于 2019-12-23 17:15:12
问题 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")

CSS @font-face sometimes works in Internet Explorer but not always

我怕爱的太早我们不能终老 提交于 2019-12-23 14:53:54
问题 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('

Google I/O - Roboto Font (new version) font rendering issues in Chrome (windows)

和自甴很熟 提交于 2019-12-23 13:05:25
问题 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