Google font not loading in CSS stylesheet

Question

Importing the 'Droid Arabic Naskh' early accesss Google font into my CSS stylesheet, however, no matter how I import it, it doesn't appear to load. I'm currently using XAMPP localhost for this.

HTML

<head>
    <link href="https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css" rel="stylesheet">
    <link href="css/style.css" type="text/css" rel="stylesheet">
</head>

CSS

a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #406e8e;
    font-family: 'Droid Arabic Naskh', serif;
}

score 0 · Answer 1 · answered Aug 12 '17 at 20:20

0

It is not right to link the used font using a html link tag. It is not for that purpose. Instead use css. Here is a question similar to yours.

answered Aug 12 '17 at 20:20

Geff

49
2
12

The link provided suggests using the HTML link tag. – Sanph Aug 12 '17 at 21:09
Yes, link tag to the CSS, but not to the file of the font. – Geff Aug 13 '17 at 12:44
The font's CSS is in fact linked (unless I'm misunderstanding) in the HTML. The font file itself is not linked at all from here. – Sanph Aug 13 '17 at 20:58

Google font not loading in CSS stylesheet

1 Answers1