Why use fallback fonts when the specified font is linked from Google Fonts?

#1


Hey everyone, I was just wondering why is it necessary to specify a fallback font if I link a Google Font to the html file, and so I know that the font will be available to the user?

Thanks to anyone clarifying this to me :slight_smile:


<head>
<link href="https://fonts.googleapis.com/css?family=Raleway" type="text/css" rel="stylesheet">
<head />

/*In the CSS file*/
p {
  font-family: Raleway, sans-serif;
}

#2

Fallback font is sometimes used by browsers to render the text while they are loading the google font.

Not every browser supports the Google Fonts API, especially on the mobile devices, so it makes sense to specify fallback font to have any control over styling.

#3

Great answer. Thanks.

#4

You're very welcome :slight_smile:

#5

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.