google-webfonts

google fonts + webpack

由 ￡可爱￡侵袭症＋ 提交于 2019-12-17 15:36:42
问题 I am new to webpack 2.2 ; I would like to know the best way to integrate a Google font within my project. I am using the Webpack HTML plugin to generate an index.html from a template. So for the moment I hard-coded the Google font CSS directly in a <script> tag but I do not really like this 'solution' since it does not really use webpack at all: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <link href="https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister" rel=

How to make Google Fonts work in IE?

由 落爺英雄遲暮 提交于 2019-12-17 05:38:16
问题 I've been developing a site that uses the Google Fonts API. It's great, and supposedly has been tested in IE, but when testing in IE 8 the fonts simply don't get styled. I included the font, as Google instructs, thus: <link href="http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light" rel="stylesheet" type="text/css" /> and added its name to the front of a font family in CSS thus: body { font-family: "Josefin Sans Std Light", "Times New Roman", Times, serif; font-size: 16px; overflow-y

Google Fonts are not rendering on Google Chrome

由 牧云@^-^@ 提交于 2019-12-17 02:27:17
问题 I'm building a new WordPress theme (don't know if that's relevant) and there's this issue that keeps bugging me. I've loaded up Roboto Slab from Google Webfonts (included the CSS in <head> section). On every other browser out there, font is rendered OK, except Google Chrome. When I first load up the website in Google Chrome, texts using that custom font are NOT displayed AT ALL (even tho font-stack has Georgia as a fallback - "Roboto Slab", Georgia, serif; ). After I hover the styled link, or

Font looks different when site is server over https [closed]

由 邮差的信 提交于 2019-12-13 04:53:43
问题 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 5 years ago . Hi there I'm running into a problem when website is viewed with https everything is made bold https://www.healthinsurance.uk.net/ when its viewed with out the bold has gone? I've never seen this before 回答1: Everything isn't made bold but you get your backup font ( sans-serif ) instead of the one you wanted. This

Cross-browser webfonts loaded event

由 大城市里の小女人 提交于 2019-12-13 04:28:48
问题 I am trying to measure the width of a specific character from a webfont. The active event provided by Google's Webfont Loader fires slightly too early and the measurement it made on the default font. A stripped down version of the script that I am working with: window.WebFontConfig = { google: { families: ['Anonymous Pro:400,400italic,700,700italic'] }, active: function () { $.fn.ready(MeasureM); } }; function MeasureM() { var e = document.getElementById('div'); e.style.font = "15px/15px

Google Webfonts in PDF generated by DOMPDF

由 泪湿孤枕 提交于 2019-12-12 10:53:30
问题 I am using two webfonts in a page that I convert to a PDF using dompdf. I have this in the header: <link href='http://fonts.googleapis.com/css?family=Signika:600|Roboto+Condensed' rel='stylesheet' type='text/css'> I then use them in CSS rules like body { font-family: "Roboto Condensed", sans-serif; [ ... ] } h1 { font-family:'Signika', Arial, Helvetica, sans-serif; [ ... ] } Now, when I generate the PDF, the h1 is displayed with the "Signika" font, but "Roboto Condensed" is replaced by

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

How to use specific font styles with CSS, from Google fonts (ie. thin, extra-light..)

由 守給你的承諾、 提交于 2019-12-10 22:54:11
问题 Google served font like Montserrat has a lot of different styles: Thin, Extra-Light, Light, Regular, etc... I could not find a way to specify a style with CSS. Using Font-weight can access only some of them as can be seen in this CodePen <link href='//fonts.googleapis.com/css?family=Montserrat:thin,extra-light,light,100,200,300,400,500,600,700,800' rel='stylesheet' type='text/css'> <p class="w100">This is 100 weight</p> body { padding: 0 20px; font-family: 'Montserrat'; font-size:40px; }

Loading Google Web Fonts using require.js font plugin

由 天涯浪子 提交于 2019-12-10 20:17:52
问题 I'm using https://github.com/millermedeiros/requirejs-plugins to load the google font and it works fine for the basic font. require.config({ paths : { font: 'lib/require/font', } }); define([ 'font!google,families:[Roboto]' ], function(){ //all dependencies are loaded } ); the above is fine, but if I try Roboto:400,500,700,900 , it won't work to load the bolder fonts. 回答1: define(['backbone','app-init','font!google,families:[Yanone Kaffeesatz:700]'], function(Backbone, AppInit,Font) { AppInit

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

由 拟墨画扇 提交于 2019-12-09 18:08:37
问题 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
订阅 google-webfonts