webfonts

Is it possible to detect when a browser is using a fallback font instead of the primary one specified in the CSS?

怎甘沉沦 提交于 2019-12-21 07:24:22
问题 If a character is entered in a text field and the currently applied font does not support that character, a backup font is used for that character. Is it possible to tell via Javascript or some other means when this is happening? Trying to create a script which alerts the user if a certain character is not supported by the font. Thanks for your help! 回答1: This sounds like a job for something like fontkit.js or opentype.js, or even Font.js, all of which can test fonts for glyph support. System

Use a google font and include only [A-Z] and '&'

佐手、 提交于 2019-12-21 07:22:42
问题 Is there a way to use a google font and have it load only [A-Z] and the & ampersand character? I would like to do this to reduce size and improve load time, since I will only use basic latin numbers and letters. I can host the font myself if I must and it is legal to manipulate the font package, but am not sure if self-hosting is necessary and how to manipulate google's font package. I have specified A-Z like this: http://fonts.googleapis.com/css?family=Inconsolata&text

webkit-font-smoothing: suddenly different results in chrome and safari

我们两清 提交于 2019-12-21 04:55:05
问题 I used to have the same output in both webkit browsers (Chrome & Safari) but suddenly (and I don't know what I could have changed the rendering in Chrome looks crappy. this is my html <li class="cat-item term term-workshops"><a href="/workshops">Workshops</a></li> and this is my css .term a { display:inline-block; height:1em; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; font-smooth:always; } .term-workshops

Well rendered webfont solution

亡梦爱人 提交于 2019-12-20 04:10:22
问题 The challenge: Provide dynamic web fonts that render acceptably across all major browsers, devices and Operating Systems The story: So I had used cufon or sifr in the past and had since abandoned both in favor of @font-face. After using @font-face in production for some time, I made a horrifying discovery. Many fonts (most?) look like crap in Windows XP, regardless of browser. Even in google chrome, XP renders the fonts unacceptably jagged and ugly. I am aware of why this is happening. After

Is it possible to reduce Google Web Fonts to one request if I'm using multiple fonts?

佐手、 提交于 2019-12-19 19:16:22
问题 I ran a speed test on my website and one of the suggestions was to reduce my external requests. I am using 3 Google Web Fonts, in effect 3 separate requests. Is it posible to combine these into 1 request? 回答1: You can combine several fonts with just one call using the | character. Example: <link href='//fonts.googleapis.com/css?family=Cantarell|Terminal+Dosis' rel='stylesheet' type='text/css'> 回答2: Aren't Fonts (like image assets, JSON objects, or videos) separate resources that need

Is it possible to reduce Google Web Fonts to one request if I'm using multiple fonts?

此生再无相见时 提交于 2019-12-19 19:14:24
问题 I ran a speed test on my website and one of the suggestions was to reduce my external requests. I am using 3 Google Web Fonts, in effect 3 separate requests. Is it posible to combine these into 1 request? 回答1: You can combine several fonts with just one call using the | character. Example: <link href='//fonts.googleapis.com/css?family=Cantarell|Terminal+Dosis' rel='stylesheet' type='text/css'> 回答2: Aren't Fonts (like image assets, JSON objects, or videos) separate resources that need

webfont does not apear without www

喜你入骨 提交于 2019-12-19 10:52:42
问题 I have tried to find the answer everywhere. I have a sing website www.hugeone.co.uk. When the address is like in this link (with www.) everything is ok. But if I type only hugeone.co.uk webfonts do not appear, and I get the message: Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://www.hugeone.co.uk/includes/templates/huheone/css/fonts/dirtyheadline-webfont.woff. This can be fixed by moving the resource to the same domain or enabling CORS. my

Does every browser support all unicode? [closed]

a 夏天 提交于 2019-12-19 05:24:01
问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 6 years ago . I want to reduce the number of HTTP-requests by using Unicode instead of small image icons. The icons I'd like to use include ✔ ,► ,etc. For a complete list of all required characters, see here Do all browsers support these characters by default? If not supported by default, can I add support for these

special chars issue in firefox and IE using webfonts with utf8

二次信任 提交于 2019-12-18 17:15:29
问题 I have a problem with the char ü using UTF-8 encoding and the fonts "Lato" and "Open Sans". Using safari and chrome is no problem but when I'm Firefox on Windows or Mac or IE the problem can be seen here: "Lato" and "Open Sans" are web fonts from Google - Helvetica is a local font. Tested it also on BrowserStack - same issue. So how can I fix that? 回答1: The reason is that you have the letter “ü” represented in a decomposed form, as “u” followed by a combining diaeresis, e.g. in <strong style=

special chars issue in firefox and IE using webfonts with utf8

假如想象 提交于 2019-12-18 17:15:12
问题 I have a problem with the char ü using UTF-8 encoding and the fonts "Lato" and "Open Sans". Using safari and chrome is no problem but when I'm Firefox on Windows or Mac or IE the problem can be seen here: "Lato" and "Open Sans" are web fonts from Google - Helvetica is a local font. Tested it also on BrowserStack - same issue. So how can I fix that? 回答1: The reason is that you have the letter “ü” represented in a decomposed form, as “u” followed by a combining diaeresis, e.g. in <strong style=