Google fonts can not be downloaded

Forum Moderators: not2easy

Message Too Old, No Replies

Google fonts can not be downloaded

toplisek

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

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"), ...

birdbrain

2:09 am on May 12, 2016 (gmt 0)

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

tangor

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

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.

birdbrain

10:12 am on May 12, 2016 (gmt 0)

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