Changeset 108220 in spip-zone


Ignore:
Timestamp:
Dec 28, 2017, 10:49:00 AM (18 months ago)
Author:
arnaud.berard@…
Message:

mise a jour de la doc +z

Location:
_plugins_/webfonts/branches/webfonts2
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/webfonts/branches/webfonts2/README.md

    r108151 r108220  
    11# WebFonts 2
    22
    3 ## Bénéfices
     3Le chargement de webfonts peut impacter sur le rendu des pages, sur l'accessibilité au contenus, sur les performances de votre page.
     4Il conviens donc d'en être conscient et de les utiliser en connaissance de cause.
    45
    5 L'utilisation du webfontloader,
    6 permet de mieux gérer le fallback utilisé lors du chargement
    7 ou de l'échec du chargement. wia des class `.wf-active`
     6Outre les considérations d'ordre esthétique et typographique, il est recommandé de ne pas utiliser plus de deux ou trois variantes de fonts, afin de ne pas détériorer les performances de chargement de vos pages.
     7
     8`@font-face`
     9https://developer.mozilla.org/fr/docs/Web/CSS/@font-face
     10
     11```css
     12/* latin */
     13@font-face {
     14  font-family: 'Open Sans';
     15  font-style: italic;
     16  font-weight: 400;
     17  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2');
     18  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
     19}
     20```
     21## Techniques de chargement de fonts :
     22
     23Les stratégies de chargement de font comparées par
     24https://www.zachleat.com/web/comprehensive-webfonts/
     25
     26
     27### Google webfont :
     28
     29utilisation du service google web font, via une requète
     30
     31
     32### Depuis les css :
     33
     34
     35
     36## Fonctionalitées
     37
     38* Proposer plusieurs techniques d'intégration chargement de webfont
     39* Ajoute une pipeline pour que les plugins theme puisse activer leur insertions
     40
     41En cours :
     42- Proposer un formulaire de recherche de typos et leurs selection pour utilisation
     43avec gestion des variantes
     44
     45
    846
    947
     
    94132https://font-display.glitch.me/
    95133
     134### Des plugins spip ou techniques d'intégration d'utilisation de font/polices
     135
     136Plugin spip permettant d'utiliser les images typographiques via un modèle
     137https://contrib.spip.net/Choix-Police-Typo
     138
     139Le filtre image_typo :
     140
     141https://www.spip.net/fr_article3325.html
     142
     143
     144
     145### Typothèques
     146
     147https://fontlibrary.org/
     148https://www.fontsquirrel.com/tools/webfont-generator
     149
     150
    96151
    97152## ToDo
  • _plugins_/webfonts/branches/webfonts2/paquet.xml

    r108152 r108220  
    22        prefix="webfonts2"
    33        categorie="maintenance"
    4         version="0.2.2"
     4        version="0.2.3"
    55        etat="dev"
    66        compatibilite="[3.0.0;3.2.*]"
Note: See TracChangeset for help on using the changeset viewer.