Can be placed element title for Google link fonts?

HTML & CSS
1 
<title>https://fonts.googleapis.com/css?family=</title>
2

Please explain, what are you trying to achieve?

2 Likes
3

Hi there toplisek,

perhaps something like this…

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">

<title>Untitled document</title>

<link id="google-font" href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet" media="screen">

</head>
<body>
<script>
(function( d ) {
   'use strict';
	d.title = d.querySelector('#google-font').href.split('?')[1];
	//change split('?') to split('='), if you just require the family name
}( document ));
</script>
</body>
</html>

coothead

5

I have seen websites which use title for a font and thought this is programming mistake. In your example it can be reduced browser request as a Javascript code can be compressed into one file.

Maybe I’m wrong. Fonts contribute to page speed.

6

I have seen websites which use title for a font
and thought this is programming mistake.

I fully realise that I am getting very old, but I’m
afraid that I do not understand one word of that. :wonky:

Hopefully one of our many members may come
to my assistance with a simple explanation. :wink:

coothead

7

I’m not sure I’ve understood you correctly, but it certainly sounds like a mistake to me.

<title></title> is a meta tag, which should be used for a unique page title. Most browsers will display that title in the title bar or tab. Any other use would be incorrect.

2 Likes
8

It does appear to be a mistake. Typically a Google font would be loaded in a stylesheet link, as in coothead’s example.

Loading any external resource can have an effect on page speed. The server will have to make an extra request to the Google server, then the client will have to download the data for the font.
Using default fonts, that reside on people’s computers is faster.

9

I see an option explained at the following URL: https://google-webfonts-helper.herokuapp.com/fonts/roboto?subsets=latin

10

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