webfonts

问题 I'm trying to use Google Web Fonts, and on the official site it recommends using a <link> tag including the type attribute, as following: <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,700' rel='stylesheet' type='text/css'>` In the official HTML5 boilerplate site they ommit the type attribute <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700"> According to this rather old answer, in HTML5 the type attribute is optional on the <style> tag and

问题 I have a problem with printing web fonts from Google chrome v 18 but it works totally fine with IE and Firefox, I am using CSS file to pass the web fonts and the code for it is as follows. @font-face { font-family: 'C39P24DmTtNormal'; src: url('WebFonts/v100025_-webfont.eot'); src: url('WebFonts/v100025_-webfont.eot?#iefix') format('embedded-opentype'), url('WebFonts/v100025_-webfont.woff') format('woff'), url('WebFonts/v100025_-webfont.ttf') format('truetype'), url('WebFonts/v100025_-webfont

问题 Paul Irish suggests that the 'bullet proof' way to load fonts is to render EOT first, followed by WOFF , TTF , and lastly SVG . @font-face { font-family: 'Tagesschrift'; src: url('tagesschrift.eot'); /* IE 5-8 */ src: local('☺'), /* sneakily trick IE */ url('tagesschrift.woff') format('woff'), /* FF 3.6, Chrome 5, IE9 */ url('tagesschrift.ttf') format('truetype'), /* Opera, Safari */ url('tagesschrift.svg#font') format('svg'); /* iOS */ } Source: http://www.html5rocks.com/en/tutorials

问题 Paul Irish suggests that the 'bullet proof' way to load fonts is to render EOT first, followed by WOFF , TTF , and lastly SVG . @font-face { font-family: 'Tagesschrift'; src: url('tagesschrift.eot'); /* IE 5-8 */ src: local('☺'), /* sneakily trick IE */ url('tagesschrift.woff') format('woff'), /* FF 3.6, Chrome 5, IE9 */ url('tagesschrift.ttf') format('truetype'), /* Opera, Safari */ url('tagesschrift.svg#font') format('svg'); /* iOS */ } Source: http://www.html5rocks.com/en/tutorials

问题 I'm running phantomjs within a node.js environment, and it's going well. At the moment I'm just using local fonts, but want to get google web fonts working with phantomjs. There are various conflicting and confusing reports out there about whether and how web fonts can be made to work with phantomjs . There are articles like this that contain outdated information with dead links. And posts like this that suggest that phantomjs 2.0 will or can support web fonts, others saying that it doesn't

问题 I'm struggling with web fonts, I'm using DejavuSans to display Georgia ქართული text. Unfortunately it doesn't get applied and I'm out of ideas. @font-face { font-family: 'DejaVuSans'; src: url('font/DejaVuSans.eot'); src: url('font/DejaVuSans.eot?#iefix') format('embedded-opentype'), url('font/DejaVuSans.woff') format('woff'), url('font/DejaVuSans.ttf') format('truetype'), url('font/DejaVuSans.svg#bolnisiregular') format('svg'); font-weight: normal; font-style: normal; } body { font-family:

问题 In the stylesheet for my website I have .mi, .mo { font-family: 'Charter', 'MathJax_Math' !important; } Setting aside for the moment whether this will always produce satisfactory results for users when an ideal version of Charter is present (so far it does for me), is there a way to ensure that this will have the same effect on machines that I can't test it on. Clearly this fails gracefully for users that lack Charter entirely, but what I wonder is whether the there are Charters in wide use

问题 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

问题 I'm using webfonts for the first time on a website I'm currently making and I noticed that the bounding boxes of the fonts seem to be different on Windows and Linux & Mac (same on Linux & Mac that is). This is not browser dependent as the same versions of Chrome and Firefox on all operating systems have these differences. Basically, on Windows, there is extra space on top of the character, while on Linux and Mac the character's bounding box is much closer to the actual top of the character

问题 I'm looking to use Joesfin Sans. It's listed on Google web fonts. I also have the .eot, .svg, .ttf and the .woff. This means full compatibility with the files (as far as I know). My main question is: which is better? Does Google Fonts load faster? Is it more compatible? Or should I stick with the files? 回答1: If you want the quick and easy solution, embed the font loader code and move on. Google is frequently adding more options/features to their service. Personally, I prefer to download the