Including Google Fonts link or import?

by

What is the preferred way of including Google Fonts on a page?

  1. Via the <link> tag 
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Judson:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
  2. Via import in a stylesheet 
    @import url('https://fonts.googleapis.com/css2?family=Kameron:wght@400;700&display=swap');
  3. Using the Web Font Loader

4 Answers
4

Leave a Comment