font-face

Applying a single font to an entire website with CSS

由 青春壹個敷衍的年華 提交于 2019-12-29 10:23:40
问题 I want to use a single font named "Algerian" across my whole website. So, I need to change all HTML tags and I don't want to write different code for different tags like: button{font-family:Algerian;} div{font-family:Algerian;} The method written below is also highly discouraged: div,button,span,strong{font-family:Algerian;} 回答1: Put the font-family declaration into a body selector: body { font-family: Algerian; } All the elements on your page will inherit this font-family then (unless, of

Alternative web-font to render Khmer

由 纵然是瞬间 提交于 2019-12-29 02:07:31
问题 What is web-fonts (preferably available from Google Fonts) supports Khmer UI. I have tried to define font-family:khmer ui; but it does not render even though I have the font installed on my computer. 回答1: Khmer (Cambodian) is pretty poorly supported but there is a convenient option which is as simple as Google Web Fonts. There is in fact a Google Web Font that works.. see jsFiddle Google has a little known resource called Early Access fonts which is accessible from the "More scripts"

Do IE browsers (IE6, 7, 8) support @font-face?

由 ⅰ亾dé卋堺 提交于 2019-12-28 17:32:10
问题 According to this article, http://www.standardista.com/css3/font-face-browser-support IE supports @font-face but I couldn't find any site which has valid custom font face working for IE Also, if IE supports custom font via @font-face from early on (IE6), then why people still using cufon for instance? Any clarifications or examples? 回答1: Older version of Internet Explorer supports Embedded OpenType (EOT) files before @font-face was formalized in CSS3. You can find compatible files on sites

adding @font-face to CKEditor

由 寵の児 提交于 2019-12-28 10:39:05
问题 I would like to add a font to the CKEditor font combo box. This in itself is easy enough. However the font I would like to add is a custom font that I use with the @font-face CSS3 attribute. I managed to do that but the editor itself does not show the custom font. If I just take the html created by CKEditor and show it in a div on the page, the custom font show nicely. I would also like to somehow add the @font-face attribute to the text area of CKEditor, so my users can see the custom font

@font-face - how to make it work on all browsers

由 拜拜、爱过 提交于 2019-12-28 06:38:08
问题 The @font-face rule is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari. However, Internet Explorer 9 only supports .eot type fonts, while Firefox, Chrome, Safari, and Opera support .ttf and .otf type fonts. Note: Internet Explorer 8 and earlier versions, do not support the @font-face rule. This text is from here. So in order to have working @font-face for IE9 I should just specify EOT font file: @font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'), url(

@Font-Face won't load via https in IE

由 |▌冷眼眸甩不掉的悲伤 提交于 2019-12-28 04:18:15
问题 EDIT 23-06-2012 10:24 (CET) : Found the answer Take a look at the bottom answer. That is what fixed the issue for me. IE9 is rendering the right way now. IE8 has a slightely different font. Not sure what font, but it looks "OK". Original Question: I've been struggling with this for several hours now. For one of our customers we've designed a webshop and been developing this over a normale unsecure http connection. Since 2 days ago, we've installed an SSL certificate on the domain and forced

Loading an external font via inline CSS

由 依然范特西╮ 提交于 2019-12-27 23:37:29
问题 Is it possible to load an external font via inline CSS? Note: I'm not talking about using an external CSS file with a @font-face definition, but rather something like the following: <h1 style="font-family:myfont; src:('http://example.com/font/myfont.tff')">test</h1> 回答1: Is it possible loading an external font with inline css? NOT with an external CSS file [....]. Yes, you can base64 encode a font or fonts as shown in this article from Stephen Scaff and drop them into a style block in your

Drawing text to <canvas> with @font-face does not work at the first time

由 元气小坏坏 提交于 2019-12-27 11:11:40
问题 When I draw a text in a canvas with a typeface that is loaded via @font-face, the text doesn't show correctly. It doesn't show at all (in Chrome 13 and Firefox 5), or the typeface is wrong (Opera 11). This type of unexpected behavior occurs only at the first drawing with the typeface. After then everything works fine. Is it the standard behavior or something? Thank you. PS: Following is the source code of the test case <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>@font-face and

Drawing text to <canvas> with @font-face does not work at the first time

由 回眸只為那壹抹淺笑 提交于 2019-12-27 11:10:13
问题 When I draw a text in a canvas with a typeface that is loaded via @font-face, the text doesn't show correctly. It doesn't show at all (in Chrome 13 and Firefox 5), or the typeface is wrong (Opera 11). This type of unexpected behavior occurs only at the first drawing with the typeface. After then everything works fine. Is it the standard behavior or something? Thank you. PS: Following is the source code of the test case <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>@font-face and

@font-face not working in Firefox or IE - how can i figure out why?

由 风格不统一 提交于 2019-12-25 05:52:44
问题 I am going nuts. @font-face won't work in IE or FireFox when I test on my client's server. My code is legit - it works just fine if I upload it to my own server, across all browsers. But no luck where I truly need it to work. I've tried re-ordering the CSS, and confirmed the fonts are indeed uploaded to the server. I have read the info on the following links: http://sixrevisions.com/css/font-face-web-fonts-issues/ http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ Based on
订阅 font-face