webfonts

Can webfonts be non-utf compatible?

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-11 20:39:19
问题 I'm not sure what else to blame... But I've tried everything, including reconverting original tff to web fonts using squirrel converter. The font in question is this: http://www.fonts2u.com/bolnisi.font The description it says: Unicode BMP only whatever this means :) On the demo, I see that text in html had been entered in latin characters. When I use Georgian utf letters: ქართული . This font never applies! Example: http://mac.idev.ge:800/breakmedia/ Look at the header, only numbers are

Can a purchased open type font be used as a web font?

送分小仙女□ 提交于 2019-12-11 17:38:55
问题 I'm hoping to confirm that if I purchase an open type font from a foundry that I can then use it on the web by using the @font-face command. Is this true? 回答1: That is correct, for more read this. But the client browsers need to support @font-face. 来源: https://stackoverflow.com/questions/11729926/can-a-purchased-open-type-font-be-used-as-a-web-font

webfont has incorrect kerning in IE10, IE11

梦想与她 提交于 2019-12-11 11:07:09
问题 I am working on a project for a client that uses a custom created webfont. The webfont displays with correct kerning in Chrome, Safari, Firefox and Opera when I implement the following styles: text-rendering: optimizeLegibility; font-feature-settings: "kern"; In IE10/IE11, the font does not display with correct kerning with or without the above styles. I have tried a variety of options without success. Per MDN, the font-feature-settings property is supported in IE10+. In fact, when I inspect

Limit characterset of a Webfont?

*爱你&永不变心* 提交于 2019-12-11 11:04:29
问题 I wonder if it is possible to limit the characterset of an embedded webfont? E.g. "Typekit" has an option in its "Kit Editor" where you can choose between All Characters or Default . However in my case I don't use Typekit but a normal embedded webfont. The fontfiles are rather big due to the large amounts of characters. Is there some "meta-tag" or "attribute" for the @font-face call to limit the charcterset to let's say "Latin-1"? Thank you in advance, Matt 回答1: @font-face simply tells the

Webkit, letter-spacing issues with webfonts

偶尔善良 提交于 2019-12-11 08:23:53
问题 Here's my issue. Using a Google Webfont called "PT Sans Narrow" on a site project. To preface, FF and IE are showing it perfectly. Webkit browsers are a bit of another story though, the font loads correctly but when I combine it with a "letter-spacing: -.05em" I get a brief text load where i see the webfont w/o the kerning - sticks there for a fraction of a second and then refreshes itself to the final correctly kerned look. I can describe it as more of a "slingshot" effect than anything - if

Why won't this TTF font work in my browser?

亡梦爱人 提交于 2019-12-11 05:18:02
问题 I downloaded a TTF font called "Clunk" and I'm trying to apply it to some text. Here's the code I'm using: <html> <head> <style> @font-face { font-family: clunk; src: url('clunk.ttf'); } h1 { font-family: clunk; } </style> </head> <body> <h1 id="logo">Test</h1> </body> </html> This doesn't seem to work and Chrome is giving me two errors: Failed to decode downloaded font: (path to the file) OTS parsing error: incorrect entrySelector for table directory In Firefox, these are the errors that

Loading fonts from Google web font directory

孤街浪徒 提交于 2019-12-11 03:57:10
问题 Google explain a number of techniques for using their web fonts in this article They present two methods: use webfont.js use an API key and google.load I already use an API key to load jquery and it seemed like the best way to go about it when I read the following line: "if you are already using the Google's AJAX APIs, then use the [ google.load technique]"_ BUT they go on to say that: "the first method [webfont.js technique] is quicker " Q1 They say that the webfont.js method is quicker but

Loading font from google web fonts or fonts from own server, which one is more efficient in terms of page load time?

╄→гoц情女王★ 提交于 2019-12-10 22:25:59
问题 While working with some custom fonts, I have two options either I can load a form from my own server or I can load a google web fonts. But my concern is which one efficient in terms of page load time? The way I am using css is @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff') format('woff'), /* Modern Browsers */ } Here, while loading font, I am also using

Google Chrome Font Rendering

房东的猫 提交于 2019-12-10 21:13:11
问题 I am encountering an issue with basic font rendering in Google Chrome Canary. I am embedding the typeface "Proxima Nova" onto a site I am developing via Typekit. Currently this is only hosted locally, so I will have to do my best to show the issue through screenshots and code samples. Long story short, any time I use any webfont, in Google Chrome Canary (currently 40.0.2202.3), my fonts are rendering way too heavy. Briefly, for less than a second after page load, the font is rendered at the

android / chrome web font rendering issue - vertical/width cropping

可紊 提交于 2019-12-10 21:10:07
问题 so im working on a new website. i have created a custom font (ttf) and generated webfonts from it using font squirrel. the font embedding works great, cross-browser on the desktop. it also works fine on ios devices. but on android devices the single character i use for the site's logo is being cropped vertically. less than half the glyph is being displayed. it almost seems like it's an exact square (the logo is long an horizontal) see screenshot below... i have confirmed this behavior on a