htmlcssfontstruetypegoogle-fonts

How to use cursive letters with Pacifico font?

The Pacifico font supports many scripts like: Latin Lowercase, Latin Uppercase, Cyrillic Lowercase.. and each one displays a specific cursive glyph.

If I use the font with Cyrillic text, how can I specifically make use of the cursive glyph showed in the image and not just the capitalized д for example, and also not explicitly using italics or slanted letters.

enter image description here

I have downloaded the Pacifico font into static/fonts/ and then tried with:

<html>
<head>
<style>
 @font-face {
     font-family: 'Pacifico'; 
     src:
     local('Pacifico Regular'),
      url('/static/fonts/Pacifico-Regular.ttf format("truetype")');
 }
 .pacifico-font {
     font-size: 5em ;
     font-family:'Pacifico';
 }
</style>
</head>
<body>
<span class="pacifico-font">д</span>
</body>
</html>

But it is still swowing д.

Solution

  • Strange behavior, this alternative works fine :

    <html>

<head>
  <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=Pacifico&display=swap" rel="stylesheet">

  <style>
    .pacifico-font {
      font-size: 5em;
      font-family: 'Pacifico';
    }
  </style>
</head>

<body>
  <span class="pacifico-font">д</span>
</body>

</html>

    Maybe a problem with the downloaded font or with the declarations syntax, I don't know.