Welcome to WebmasterWorld Guest from 34.237.76.249

Forum Moderators: not2easy

Message Too Old, No Replies

Google fonts can not be downloaded

     
1:11 pm on May 11, 2016 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Oct 25, 2006
posts: 1103
votes: 1


How to solve constant issue with the link like google fonts:
Error: downloadable font: gasp: changed the version number to 1 (font-family: "Quicksand" style:normal weight:normal stretch:normal src index:2) source: [fonts.gstatic.com...]
Source File: [fonts.googleapis.com...]
Line: 2, Column: 12
Source Code:
@font-face { font-family: "Quicksand"; font-style: normal; font-weight: 400; src: local("Quicksand Regular"), ...
2:09 am on May 12, 2016 (gmt 0)

Senior Member from GB 

joined:Oct 2, 2003
posts: 1019
votes: 39


Hi there toplisk,

I downloaded the file without any problem from here...

https:// - plus - fonts.gstatic.com/s/quicksand/v5/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2

Of course you can always get it elsewhere. ;)


birdbrain
8:56 am on May 12, 2016 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:10103
votes: 1002


Instead of calling googlefonts have you installed the font(s) on your server and present them that way? If really important for your site presentation that's the way I would do it, rather than rely on a third party. It is overhead, of course (but so is third party), but with WEFT and other technology you can pare that font down to the bare minimum and come out better.
10:12 am on May 12, 2016 (gmt 0)

Senior Member from GB 

joined:Oct 2, 2003
posts: 1019
votes: 39


Hi there tangor,

I download the woff2 file from Google, took it to a converter site and obtained a woff version.

The two files were then placed in a folder named "fonts" .

In a folder named "css" I placed a CSS file named "sreen.css", which had this content...



@font-face {
font-family:quicksandregular;
src: url(../fonts/quicksandregular.woff) format('woff'),
url(../fonts/quicksandregular.woff2) format('woff2');
font-weight:normal;
font-style:normal;
}
div {
font-family:quicksandregular;
}


The HTML file named "index.htm" used for the test had this content...



<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">

<title>Google font test</title>

<link rel="stylesheet" href="css/screen.css" media="screen">

</head>
<body>

<div>Grumpy wizards make toxic brew for the evil Queen and Jack.</div>

</body>
</html>>


The test result corresponded to the example on the Google site.



birdbrain