google-webfonts

Optimizing Multiple Google Web Fonts

由 人走茶凉 提交于 2019-12-06 21:11:04
问题 When loading custom fonts from Google they offer a way for you to optimize them: https://developers.google.com/webfonts/docs/getting_started#Optimizing_Requests Meaning if you are you using a custom font for just a header, rather than loading the whole font, you can tell it what letters you need so not to load the entire font alphabet. So far so good. However, in the example it only has one font style. How do you do it with two? For instance I'm using this to load to styles of a font: The

Combinations of letters “fi” and “fl” is not displayed by browsers

由 烂漫一生 提交于 2019-12-06 15:43:43
I have the following problem: for my website I chose webfont 'Fira Sans Condensed' from Google Fonts (Latin, Latin Extended, Cyrillic, Cyrillic Extended). For generating font formats I have used Font Squirrel , which generated for me files with .woff and .woff2 extensions. I include font with next css-code: @font-face { font-family: 'firasanscondensed'; font-style: normal; font-weight: 400; src: url('../fonts/firasanscondensed-regular.woff2') format('woff2'), url('../fonts/firasanscondensed-regular.woff') format('woff'); } @font-face { font-family: 'firasanscondensed'; font-style: normal; font

Jquery Masonry not working with Google Fonts

由 江枫思渺然 提交于 2019-12-05 09:06:30
问题 I have an issue with overlapping in Masonry that I've discovered is caused by Google Fonts loading after the Masonry script. I've added the following code to fix this, but now Masonry doesn't work. Actually, it looks like Masonry is working for a split second and then suddenly stops working. $(document).ready(function () { WebFont.load({ google: { families: ['Chivo'] } }); WebFontConfig = { active: function() { $('#archive').masonry({ itemSelector : '.item', columnWidth: 350, gutterWidth: 20

Force Chrome to use external font in CSS

由 爷，独闯天下 提交于 2019-12-05 08:22:19
It took me a long time to figure out, that Chrome always prefers local installed fonts over a font with the same name that is linked in the css (See also https://stackoverflow.com/a/27704394/1099519 ). My problem is how to figure out, to force Chrome not to do so. On my page https://www.amon.cc/ I use "Roboto Light" from Google Fonts ( https://fonts.google.com/specimen/Roboto ), like this: <link href="//fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet" type="text/css" /> In my CSS file the font is declared like this: body{ ... font-family:Roboto,...; font-weight:300; .... } Which

Google webfonts and windows xp

由 我只是一个虾纸丫 提交于 2019-12-05 07:55:31
My site is utilizing google fonts, and I'm having some issues with XP. Namely, because XP doesn't have anti-aliasing by default, all the fonts are pixelated, even in browsers like Firefox and Chrome. Is there a way to correct this issue, or are XP users just stuck with it? use SIRF! we all hate flash but this is the only feasible solution. And this issue is not restricted to windows XP, its the same case with all windows platforms. Another option is to keep a text shadow of 1px 1px 1px on all fonts. This would make them appear a bit smoother. Thanks for the suggestion Tarun. In the end, I went

ie9 doctype and fonts?

由 谁说我不能喝 提交于 2019-12-05 07:31:53
<!doctype html> <html> <head> <title>Test Ubuntu</title> <link href="http://fonts.googleapis.com/css?family=Ubuntu:regular" rel="stylesheet" type="text/css" /> <style> body { font-family: 'Ubuntu', sans-serif; } </style> </head> <body> Test Ubuntu </body> </html> shows the font in chrome and firefox... but in ie9, if i add the doctype line, it breaks!? works fine without it. i would like to get it working in all three browsers (with doctype? because sometimes other stuff like css relies on having doctype there? or doesn't look right without it) if possible? thanks! paulcam Actually, this looks

Google Web-fonts vs Actual font files - For all devices

由 只谈情不闲聊 提交于 2019-12-05 07:27:28
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? 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 files from Google and work with them manually. Since there is a Google UI specifically for downloading your

Optimizing Multiple Google Web Fonts

由 拜拜、爱过 提交于 2019-12-05 00:43:08
When loading custom fonts from Google they offer a way for you to optimize them: https://developers.google.com/webfonts/docs/getting_started#Optimizing_Requests Meaning if you are you using a custom font for just a header, rather than loading the whole font, you can tell it what letters you need so not to load the entire font alphabet. So far so good. However, in the example it only has one font style. How do you do it with two? For instance I'm using this to load to styles of a font: The normal 400 I use for a lot of text, but the 400italic is only used for one short header. If I do: Will it

Can Google track me if I use Google Web Fonts?

由 主宰稳场 提交于 2019-12-04 16:43:13
问题 By using Google Web Fonts can/does Google process the text of the webpage (despite disallowed by robots.txt) track the visitors of the webpage, and (theoretically) recognize them track the changes made to the webpage (despite robots.txt) Except knowing that another download is made to their font and css file, of course. :) I assume Google naturally would/could count and track the number of visitors of my webpage, is this right? edit: "I", "my" - I've tried to use these terms as "generally

Google webfonts not working using Web View in Android 4.0 and 4.2.2

由 浪子不回头ぞ 提交于 2019-12-04 05:28:20
When using Google web fonts in my Android app that uses web view they work fine in version 4.4 of Android. Some devices with Android 4.2 show the default font, most work correctly. On Android 4.0 however all fonts default to the same default font. Because we like to target Android 4.0 and higher with our app I am looking for a way to get the Google web fonts working reliably. The app does little more than opening html files from a server in the web view. Update: It turns out that some Android 4.2.2 devices do not show Google web fonts correctly. It is not clear what makes these devices stand
订阅 google-webfonts