Changeset 115880 in spip-zone


Ignore:
Timestamp:
Jul 7, 2019, 9:53:44 AM (2 weeks ago)
Author:
arnaud.berard@…
Message:

0.3.1

  • Ajout de font-display:swap à la requète ggoglefont

Comme expliqué https://www.zachleat.com/web/google-fonts-display/
google ajoute le support de font-display sur la requète google-font
https://drafts.csswg.org/css-fonts-4/#font-display-desc

  • suppression d'un warning si aucune police n'est insérée via la pipeline
  • ajout d'une class lazyload sur les iframes de preview au cas ou script de lazyloading est actif.
  • signaler que lazysize est utlisable
Location:
_plugins_/webfonts/branches/webfonts2
Files:
5 edited

Legend:

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

    r114679 r115880  
    66
    77## ToDo
    8 
    9 - [] La API key n'est pas prise en compte si elle est définie depuis la config
    10 - [] vérifier que l'on inssère bien une seul fois la font:variant demandée
     8- [ ] On passe par insert_head_css donc l'insertion n'es placée en tete que des links inssérés par insert_head, il faudrait passé par affichage_final et se placer vraiment en premier.
     9- [ ] Quand on valide le formulaire de config, recharger la liste des fonts présentes dans la pipeline.
     10- [ ] La API key n'est pas prise en compte si elle est définie depuis la config
     11- [ ] vérifier que l'on inssère bien une seul fois la font:variant demandée
    1112entre les polices ajoutées via la config et celles inssérées depuis un plugin
    12 - [] GogleAPIKey : pour le listage et l'accès a la typthèque : conditionner l'affichage de l'onglet de recherche,
     13- [ ] GogleAPIKey : pour le listage et l'accès a la typthèque : conditionner l'affichage de l'onglet de recherche,
    1314du bouton de génération de l'index
    14 - [] Intégration du webfont loader
     15- [ ] Intégration du webfont loader
    1516https://github.com/typekit/webfontloader
    1617        - [] TypeKit,… autres fournisseurs de typo
    17 - [] Gestion des polices locales
    18 - [] Associations Typos / Font pairing : proposer des associations de typos qui fonctionne bien ensemble
     18- [ ] Gestion des polices locales
     19- [ ] Associations Typos / Font pairing : proposer des associations de typos qui fonctionne bien ensemble
    1920genre COmic Sans + Times
    2021
     
    2223## Changelogs
    2324
     250.3.1
     26
     27- Ajout de font-display:swap à la requète ggoglefont
     28Comme expliqué https://www.zachleat.com/web/google-fonts-display/
     29google ajoute le support de font-display sur la requète google-font
     30https://drafts.csswg.org/css-fonts-4/#font-display-desc
     31
     32- suppression d'un warning si aucune police n'est insérée via la pipeline
     33- ajout d'une class lazyload sur les iframes de preview au cas ou script de lazyloading est actif.
     34
    2435v0.3.0
    2536
    2637Le plugin fourni un fichier googlefont_list.json, il n'est plus nécessaire d'avoir une googlefont_api_key, pour pouvoir utiliser :
    2738
    28 - la recherche dans le catalogie googlefont.
     39- la recherche dans le catalogue googlefont.
    2940- les selecteurgenerique webfonts
    3041
  • _plugins_/webfonts/branches/webfonts2/inclure/font_list.html

    r114688 r115880  
    1414                                                id="#GET{frame_id}"
    1515                                                onLoad="autoResize('#GET{frame_id}');"
    16                                                 class="webfont_preview"></iframe>
     16                                                class="webfont_preview lazyload"></iframe>
    1717                </BOUCLE_previewCond>
    1818                        <h4>#VALEUR</h4>
  • _plugins_/webfonts/branches/webfonts2/inclure/google_font_list.html

    r108276 r115880  
    5858                id="#GET{frame_id}"
    5959                onLoad="autoResize('#GET{frame_id}');"
    60                 class="webfont_preview"></iframe>
     60                class="webfont_preview lazyload"></iframe>
    6161</BOUCLE_loop>
    6262
  • _plugins_/webfonts/branches/webfonts2/paquet.xml

    r114689 r115880  
    2626        <utilise nom="selecteurgenerique" compatibilite="[1.1.0;]" />
    2727        <utilise nom="scssphp" compatibilite="[1.4.9;["/>
     28    <utilise nom="lazysizes" compatibilite="[4.1.7.0;["/>
    2829
    2930        <menu nom="webfonts" titre="webfonts2:titre" parent="menu_squelette" icone="images/webfonts2-16.png" action="webfonts" />
  • _plugins_/webfonts/branches/webfonts2/webfonts2_fonctions.php

    r114686 r115880  
    2222function googlefont_request($webfonts,$subsets='',$type='css'){
    2323        $subset = '&subset=' ;
    24         (strlen($subsets)) ? $subset .= $subsets : $subset = '';
    25         foreach($webfonts as $font){
    26                 $variants = implode(',',$font['variants']);
    27                 $fonts[] = urlencode($font['family']).':'.$variants;
    28         }
    29         $fonts = implode('|',$fonts);
    30 
    31         if($type == 'specimen'){
    32                 $request = "https://fonts.google.com/selection?selection.family=$fonts";
    33         }else{
    34                 $request = "https://fonts.googleapis.com/css?family=$fonts".$subset;
    35         }
    36 
    37         return $request;
     24    if(is_array($webfonts) && count($webfonts > 0)){
     25        (strlen($subsets)) ? $subset .= $subsets : $subset = '';
     26        foreach($webfonts as $font){
     27                $variants = implode(',',$font['variants']);
     28                $fonts[] = urlencode($font['family']).':'.$variants;
     29        }
     30        $fonts = implode('|',$fonts);
     31        if($type == 'specimen'){
     32                $request = "https://fonts.google.com/selection?selection.family=$fonts";
     33        }else{
     34                $request = "https://fonts.googleapis.com/css?family=$fonts".$subset."&display=swap";
     35        }
     36
     37            return htmlentities($request);
     38    }
     39    return false;
    3840}
    3941// Renvoie l'url du spécimen sur GooogleFont a partir de la liste des fonts et leur variantes
Note: See TracChangeset for help on using the changeset viewer.