font-face

Custom font and a CMS

假如想象 提交于 2019-12-23 00:54:04
问题 I'm building a web site for an artist who has had a custom font made from his handwriting. He'd like to use this font extensively throughout the site - not for all body copy because it'd be difficult to read, but for headings, navigation, callouts, things like that. I've got the file - it's a TrueType font file. We're going to be using a PHP-based CMS to build the site. What is the best way to go about using this custom font for this purpose while still allowing page name, titles, etc. to be

Custom font and a CMS

谁说胖子不能爱 提交于 2019-12-23 00:53:11
问题 I'm building a web site for an artist who has had a custom font made from his handwriting. He'd like to use this font extensively throughout the site - not for all body copy because it'd be difficult to read, but for headings, navigation, callouts, things like that. I've got the file - it's a TrueType font file. We're going to be using a PHP-based CMS to build the site. What is the best way to go about using this custom font for this purpose while still allowing page name, titles, etc. to be

Iconic fonts displayed partially in IE9-10

雨燕双飞 提交于 2019-12-22 12:50:57
问题 We're having an issue with IE rendering only part of the characters in a font. This only happens in production and the same font file works great locally. It would be great if someone could give me a hand on this! Thanks! P.S. The font is generated by IcoMoon You can see it yourself on the preview page here. UPDATE: Disabling Amazon Cloundfront CDN helped me avoid this issue. Although it would be really nice if we could eliminate it once and for all. 来源: https://stackoverflow.com/questions

How to properly render @font-face in Firefox?

送分小仙女□ 提交于 2019-12-22 10:26:37
问题 I am attempting to use @font-face for Chrome, Safari, Firefox, and IE. For IE i am not even sure what to do but for the other browsers I want the @font-face part to work. Here's what I have used: @font-face { font-family: "Handwriter"; src: url("/folder/Font-Regular.otf"); } And then I also tried: @font-face { font-family: "Handwriter"; src: url("http://www.domain.com/folder/Font-Regular.otf"); } Using either of these will render it properly in Chrome and Safari but not in Firefox. The funny

How to set a buffer locally face attribute for a particular buffer?

老子叫甜甜 提交于 2019-12-22 04:34:07
问题 I want to change the face attribute in Org-Agenda buffer only. So I need to change Org-Agenda face attribute buffer locally . Here is my code: (which is globally) (defun my-org-agenda-hl-line () (hl-line-mode) (set-face-attribute 'hl-line nil :box '(:color "deep pink" :line-width 2)) ) (add-hook 'org-agenda-mode-hook 'my-org-agenda-hl-line) Please to help me make this buffer locally. Thanks 回答1: Here is what you need to do: ;; First create new face which is a copy of hl-line-face (copy-face

Printing web fonts in Firefox

对着背影说爱祢 提交于 2019-12-22 04:08:22
问题 I am trying to print web pages that contain external CSS references and use web fonts (I mean @font-face attribute) but in print preview the web fonts disappear. Does anyone know a solution without using the web font locally? 回答1: Looks like printing @font-face fonts is not yet implemented: https://bugzilla.mozilla.org/show_bug.cgi?id=468568 回答2: Works as of Firefox 18! - Yippee! 回答3: inlcude the file not only for screen but also for print <link rel="stylesheet" type="text/css" href="main.css

Using @font-face slows load time. Can I force the client to cache the font?

孤街醉人 提交于 2019-12-22 02:09:05
问题 Update: Looks like the header request information is the culprit. How would I change the max-age property of the request header? TIA. Hi, I'm using @font-face on a website and i'm experiencing delayed loading of the text (presumably due to the loading of the font every page). I understand the client has to download the font once to display properly, but every page? Is there a way I can force the browser to cache that file? Or is there another alternative to speed up the font's loading time?

Font Face not working for custom language characters

我是研究僧i 提交于 2019-12-21 21:38:42
问题 Not sure how I can reproduce this one in jsFiddle but I will try to explain the problem as best I can. We are importing a purchased font into CSS: @font-face { font-family: 'ForoItalicRegular'; src: url('../Fonts/foro_italic/ForoIta-webfont.eot'); src: url('../Fonts/foro_italic/ForoIta-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/foro_italic/ForoIta-webfont.woff') format('woff'), url('../Fonts/foro_italic/ForoIta-webfont.ttf') format('truetype'), url('../Fonts/foro_italic

@font-face flash of unstyled text in internet explorer 9

谁说胖子不能爱 提交于 2019-12-21 21:19:06
问题 I'm currently building an asp site with @font-face but I have encountered the dreaded Flash Of Unstyled Text bug in internet explorer 9. So far I have moved my scripts underneath my css files and used the bullet proof syntax. As far as I can tell I have played by the rules but nothing seems to fix this problem. My question is this: Is this bug avoidable or are all these methods merely damage control via getting the browser to download the fonts quicker? I realise there similar questions, but

@font-face not working in Firefox?

◇◆丶佛笑我妖孽 提交于 2019-12-21 20:49:42
问题 This is code generated from FontSquirrel, and working great in every other browser (including IE), but not the mighty Firefox! What am I doing wrong? (ps- I am using FF3.5) If you can't view my example, here is the source: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots"