•   font  

  • Sacramento

  • 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=Sacramento&display=swap" rel="stylesheet">



  • css

  • font-family: 'Sacramento', cursive;









  • Quicksand

  • 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=Quicksand:wght@300&display=swap" rel="stylesheet">



  • css

  • font-family: 'Quicksand', sans-serif;



  • Bellota

  • 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=Bellota:wght@300&display=swap" rel="stylesheet">



  • css

  • font-family: 'Bellota', cursive;



  • Arima Madurai

  • 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=Arima+Madurai:wght@100&display=swap" rel="stylesheet">



  • css

  • font-family: 'Arima Madurai', cursive;



  • Josefin Slab

  • 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=Josefin+Slab:wght@300&display=swap" rel="stylesheet">



  • css

  • font-family: 'Josefin Slab', serif;