Outils pour utilisateurs
html_css:fonts
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
|
html_css:fonts [2021/09/19 07:11] marclebrun [Google Fonts] |
html_css:fonts [2021/09/19 07:24] (Version actuelle) marclebrun [Google Fonts] |
||
|---|---|---|---|
| Ligne 14: | Ligne 14: | ||
| * Choisir une police en cliquant dessus | * Choisir une police en cliquant dessus | ||
| * Dans la liste des styles, cliquer sur **Select this style** à droit du style désiré | * 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 | * Copier le code **@import** à intégrer dans notre CSS | ||
| - | * Utiliser la police importée via une règle **font-family** dans le CSS | + | * Utiliser les polices importées via des règles **font-family** dans le CSS |
| {{:html_css:screenshot_20210919_090648.png|}} | {{: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> | ||
html_css/fonts.1632035462.txt.gz · Dernière modification: 2021/09/19 07:11 par marclebrun
Outils de la page
Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
