====== Fonts ======

  * [[https://fonts.google.com/|Google Fonts]]
  * [[https://www.fontsquirrel.com/|Font Squirrel | Free Fonts! Legit Free & Quality]]
  * [[https://www.creativebloq.com/typography/free-web-fonts-1131610|The 41 best free web fonts | Creative Bloq]]

Polices sur **Font Squirrel** :

  * [[https://www.fontsquirrel.com/fonts/palanquin|Palanquin]]

===== Google Fonts =====

  * Aller sur [[https://fonts.google.com/|Google Fonts]]
  * Choisir une police en cliquant dessus
  * Dans la liste des styles, cliquer sur **Select this style** à droit du style désiré
    * Sélectionner autant de polices et de styles qu'on désire
    * Ils s'ajoutent à la sélection
  * Copier le code **@import** à intégrer dans notre CSS
  * Utiliser les polices importées via des règles **font-family** dans le CSS

{{:html_css:screenshot_20210919_090648.png|}}

Exemple pour **Ubuntu Light 300** :

<code css>
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');

body {
    font-family: 'Ubuntu';
}
</code>