KC Cufón : Différence entre versions

De Vulgum Techus
Aller à : Navigation, rechercher
 
(15 révisions intermédiaires par un utilisateur sont masquées)
Ligne 1 : Ligne 1 :
'''[[Lien court]]''' vers cette page : http://vt.cx/Cufon<br/>
+
[[Catégorie:Typographie]]
'''[[QR code]]''' vers cette page : http://vt.cx/Cufon.qr<br/>
+
'''[[Lien court]]''' vers cette page : http://vt.cx/KCufon
<br/>
+
'''[[QR code]]''' vers cette page : http://vt.cx/KCufon.qr
 
<html>
 
<html>
 
<script type="text/javascript"><!--
 
<script type="text/javascript"><!--
Ligne 12 : Ligne 12 :
 
</script>
 
</script>
 
<script type="text/javascript"
 
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
+
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
 
</script>
 
</script>
 
</html>
 
</html>
<br/><br/>
+
<br/>
 
[[Versions Joomla]] : 1.5, 1.6, 1.7, 2.5 et 3.x
 
[[Versions Joomla]] : 1.5, 1.6, 1.7, 2.5 et 3.x
  
= Mots clé =
+
= Mots-clé =
* Accents absents des titres dans '''[[Joomla]]'''
+
* [[Accents absents des titres dans Joomla]]
* Lettres accentuées manquantes dans titres de '''module
+
* [[Lettres accentuées manquantes dans titres de module]]
* Caractère manquant dans menus
+
* [[Caractères manquant dans menus]]
  
 
= Présentation =
 
= Présentation =
Cufón est un plugin de remplacement de '''[[police de caractères]]''' qui permet d'utiliser des '''[[polices]] non-web''' sur les '''[[sites Internet]]'''. Conçu comme une alternative à '''sIFR (Scalable Inman Flash Replacement''', jugé trop compliqué, '''Cufón''' est souvent utilisé par les développeurs de '''templates''' afin d'assurer une plus grande diversité et une plus grande compatibilité. Le principe de '''Cufón''' est de générer des fichier descriptif '''[[JavaScript]]''' qui sont installés avec le '''plugin'''. Ces '''[[polices]]''' sont générées sur un site ad hoc à partir des '''[[polices]]''' et des spécifications fournies par les développeurs. Il est courant que, pour réduire leur taille au maximum, il n'ai pas été prévu que les '''caractères accentués''' ou '''symboles exotiques''' y figurent. Cela oblige dont, pour éviter des titres et des contenus tronqués, de remplacer les '''[[polices]]''' incomplètes par de nouvelle version qui auront été générées comme expliqué plus bas.
+
'''KC [[Cufón]]''' est un plugin de remplacement de '''[[police de caractères]]''' qui permet d'utiliser des '''[[polices]] non-web''' sur les '''[[sites Internet]]'''. Conçu comme une alternative à '''sIFR (Scalable Inman Flash Replacement''', jugé trop compliqué, '''[[Cufón]]''' est souvent utilisé par les développeurs de '''templates''' afin d'assurer une plus grande diversité et une plus grande compatibilité. Le principe de '''Cufón''' est de générer des fichier descriptif '''[[JavaScript]]''' qui sont installés avec le '''plugin'''. Ces '''[[polices]]''' sont générées sur un site ad hoc à partir des '''[[polices]]''' et des spécifications fournies par les développeurs. Il est courant que, pour réduire leur taille au maximum, il n'ai pas été prévu que les '''caractères accentués''' ou '''symboles exotiques''' y figurent. Cela oblige dont, pour éviter des titres et des contenus tronqués, de remplacer les '''[[polices]]''' incomplètes par de nouvelle version qui auront été générées comme expliqué plus bas.
  
 
= [[Joomla]] =
 
= [[Joomla]] =
== Localiser les [[polices]] installées ==¨
+
== Localiser les [[polices]] installées ==
* Dans le '''plugin système KC Cufon''' sont indiquées les '''[[polices]]''' utilisées par le '''template'''
+
* Dans le '''plugin système KC [[Cufon]]''' sont indiquées les '''[[polices]]''' utilisées par le '''template'''
 
* Dans '''[[Joomla]]''' le '''plugin''' dispose d'un maximum de '''6 [[polices]]'''
 
* Dans '''[[Joomla]]''' le '''plugin''' dispose d'un maximum de '''6 [[polices]]'''
 
* Les champs qui permettent de les identifier sont :
 
* Les champs qui permettent de les identifier sont :
** Font 1 -> numéro de '''[[police]]''' de '''1''' à '''6'''
+
** '''[[Font]] 1''' -> numéro de '''[[police]]''' de '''1''' à '''6'''
** Font Name -> nom de la '''[[police]]''' exemple '''Open Sans'''
+
** '''[[Font]] Name''' -> nom de la '''[[police]]''' exemple '''Open Sans'''
** Font Filename -> nom de fichier de la '''[[police]]''' exemple '''Open_Sans_400''' ('''[[police]] Open Sans''' en '''400 em''')
+
** '''[[Font]] Filename''' -> nom de fichier de la '''[[police]]''' exemple '''Open_Sans_400''' ('''[[police]] Open Sans''' en '''400 em''')
** CSS Selectors for Font -> paramètre '''[[CSS]]''' ou la '''[[police]]''' intervient exemple '''h1,p fontsize''' (titre '''h1''')
+
** '''[[CSS]] Selectors for [[Font]]''' -> formatages '''[[CSS]]''' faisant intervenir la '''[[police]]''' (exemple '''a.download-button, legend, .title1, .h3bold, h1, h2, h3, h4, h4 legend, .h4color, .title2, .tagline)
** Font Font-size -> taille imposée en dépit des instructions placés dans le '''[[CSS]]'''
+
** '''[[Font]]-size''' -> taille imposée en dépit des instructions placés dans le '''[[CSS]]'''
** Les polices listées dans le plugin sont situées physiquement dans le dossier  '''../plugins/system/kc_cufon/fonts/'''
+
** Les '''[[polices]]''' listées dans le '''plugin''' sont situées physiquement dans le dossier :
** Il est recommandé de les sauvegarder avant d'envisager de les remplacer par une nouvelle version générée comme expliqué ci-après
+
  ../plugins/system/kc_cufon/fonts/
 +
** Il est recommandé de les sauvegarder avant d'envisager de les remplacer par de nouvelles [[versions]] générées comme expliqué ci-après
  
== Générer une nouvelle police ==
+
== Générer une nouvelle [[police]] ==
* Trouver la '''[[police]]''' souhaitée sur '''[[Internet]]''' -> voir '''[[polices]]''' qui propose de nombreux '''[[sites]]'''
+
Regénérer une nouvelle '''[[police]]''' sous-entend d'en prendre une de même nom et disposant de tous les caractères dont on a besoin ce dont il faut s'assurer en préalable. Par exemple la très populaire '''[[police]] Droid Serif''' proposé par '''[[Google]]''' ne propose pas les caractères '''€''' et '''œ''' ce qui peut être un problème. Il faut donc, dans ce cas, substituer une autre '''[[police]]''' à celle qui présente des lacunes ce qui implique de l'ajouter dans la liste de '''KC Cufón'''.
 +
* Trouver la '''[[police]]''' souhaitée sur '''[[Internet]]''' -> voir '''[[Polices de caractères gratuites]]''' qui propose de nombreux '''[[sites]]'''
 
* Un fois la '''[[police]]''' trouvée et téléchargée, se rendre sur le site de conversion à l'adresse suivante :
 
* Un fois la '''[[police]]''' trouvée et téléchargée, se rendre sur le site de conversion à l'adresse suivante :
 
  http://cufon.shoqolate.com/generate/
 
  http://cufon.shoqolate.com/generate/
 
* Choisir le fichier de '''[[police]]''' à convertir selon son type à savoir :
 
* Choisir le fichier de '''[[police]]''' à convertir selon son type à savoir :
** Regular typeface -> '''[[police]]''' de base (choix obligatoire pour lancer une conversion)
+
** '''Regular typeface''' -> '''[[police]]''' de base (choix obligatoire pour lancer une conversion)
** Bold typeface (optional) -> La version en '''gras''' de la '''[[police]]''' (optionnel)
+
** '''Bold typeface (optional)''' -> La version en '''gras''' de la '''[[police]]''' (optionnel)
** Italic typeface (optional) -> La version en '''italique''' de la '''[[police]]''' (optionnel)
+
** '''Italic typeface (optional)''' -> La version en '''italique''' de la '''[[police]]''' (optionnel)
** Bold Italic typeface (optional) -> La version en '''gras''' et '''italique''' de la '''[[police]]''' (optionnel)
+
** '''Bold Italic typeface (optional)''' -> La version en '''gras''' et '''italique''' de la '''[[police]]''' (optionnel)
 
* Confirmer que les '''[[condition de licence utilisateur]]''' ('''[[EULA]]''') autorisent l'utilisation dans des '''[[sites Internet]]''' sans '''[[Flash]]'''' en cochant '''The [[EULAs]] of these [[fonts]] allow [[Web]] Embedding (without [[Adobe Flash]])'''
 
* Confirmer que les '''[[condition de licence utilisateur]]''' ('''[[EULA]]''') autorisent l'utilisation dans des '''[[sites Internet]]''' sans '''[[Flash]]'''' en cochant '''The [[EULAs]] of these [[fonts]] allow [[Web]] Embedding (without [[Adobe Flash]])'''
 
* Sélectionner les glyphes à inclure dans la polices. Ceux-ci dépendent de l'usage qui est fait de la '''[[police]]''' les paramètres sont les suivants :
 
* Sélectionner les glyphes à inclure dans la polices. Ceux-ci dépendent de l'usage qui est fait de la '''[[police]]''' les paramètres sont les suivants :
Ligne 56 : Ligne 58 :
 
** '''Punctuation''' -> inclure ou exclure les '''signes de ponctuation'''
 
** '''Punctuation''' -> inclure ou exclure les '''signes de ponctuation'''
 
** '''[[Wordpress]] punctuation -> ou exclure les '''signes de ponctuation''' spéciaux pour '''[[Wordpress]]'''
 
** '''[[Wordpress]] punctuation -> ou exclure les '''signes de ponctuation''' spéciaux pour '''[[Wordpress]]'''
** Basic Latin -> (Unicode 0x0020 à 0x007E)
+
** '''Basic Latin''' -> ('''Unicode 0x0020''' à '''0x007E''')
** Latin-1 Supplement > (Unicode de 0x00A0 à 0x00FF)
+
** '''Latin-1 Supplement''' > ('''Unicode''' de '''0x00A0''' à '''0x00FF''')
** Latin Extended-A -> (Unicode de 0x0100 à 0x017F)
+
** '''Latin Extended-A''' -> ('''Unicode''' de '''0x0100''' à '''0x017F''')
** Latin Extended-B -> (Unicode de 0x0180 à 0x024F)
+
** '''Latin Extended-B''' -> ('''Unicode''' de '''0x0180''' à '''0x024F''')
** Cyrillic Alphabet -> caractères cyrilique
+
** '''Cyrillic Alphabet''' -> alphabet '''cyrillique'''
** Russian Alphabet -> alphabet russe
+
** '''Russian Alphabet''' -> alphabet '''russe'''
** Greek and Coptic -> grec et copte
+
** '''Greek and Coptic''' -> '''[[grec]]''' et '''copte'''
** and also these single characters -> caractères ajoutés séparément
+
** '''and also these single characters''' -> caractères ajoutés séparément
 
* Il est possible de limiter l'usage de la '''[[police]]''' générée à un site particulier. Dans ce cas le préciser à '''Limit usage to the following domain(s)'''
 
* Il est possible de limiter l'usage de la '''[[police]]''' générée à un site particulier. Dans ce cas le préciser à '''Limit usage to the following domain(s)'''
 
* Choisir les paramètres '''typographiques''' dans '''Performance & size''' à savoir :
 
* Choisir les paramètres '''typographiques''' dans '''Performance & size''' à savoir :
 
** Taille en '''em''' ou taille par défaut en cochant '''No thanks, use the font's own value'''
 
** Taille en '''em''' ou taille par défaut en cochant '''No thanks, use the font's own value'''
 
** Optimisation de la '''[[police]]''' en '''%''' -> choisir la résolution (unit) et cocher '''Allow path optimization'''. Les valeurs recommandées sont :
 
** Optimisation de la '''[[police]]''' en '''%''' -> choisir la résolution (unit) et cocher '''Allow path optimization'''. Les valeurs recommandées sont :
*** Petites tailles de '''[[police]]''' -> '''0.5 -1 %'''
+
*** Petites tailles de '''[[police]]''' -> de '''0.5 %''' à '''1 %'''
*** '''[[police]]'''plus grande -> '''2 - 3 %'''
+
*** '''[[police]]'''plus grande -> de '''2''' à '''3 %'''
 
* Accepter les termes de '''[[licence]]''' du '''[[site]]''' en cochant ''' I acknowledge and accept these terms'''
 
* Accepter les termes de '''[[licence]]''' du '''[[site]]''' en cochant ''' I acknowledge and accept these terms'''
 
* Lancer la génération de la '''[[police]]''' en cliquant sur '''Let's do this!'''
 
* Lancer la génération de la '''[[police]]''' en cliquant sur '''Let's do this!'''
* Celle-ci faite, la '''[[police]]''' est téléchargée. Il ne reste plus qu'à l'installer dans le dossier '''../plugins/system/kc_cufon/fonts/'''
+
* Celle-ci faite, la '''[[police]]''' est téléchargée. Il ne reste plus qu'à l'installer dans le dossier :
 +
../plugins/system/kc_cufon/fonts/
  
 
= Liens utiles =
 
= Liens utiles =
Ligne 78 : Ligne 81 :
 
* [http://cufon.shoqolate.com/generate/ cufon.shoqolate.com] '''[[Générateur]]''' de '''[[polices]] [[JavaScript]]''' pour '''KC Cufon'''
 
* [http://cufon.shoqolate.com/generate/ cufon.shoqolate.com] '''[[Générateur]]''' de '''[[polices]] [[JavaScript]]''' pour '''KC Cufon'''
 
* [https://github.com/sorccu/cufon github.com] '''Cufon''' sur '''[[GitHub]]'''
 
* [https://github.com/sorccu/cufon github.com] '''Cufon''' sur '''[[GitHub]]'''
 +
 +
= Articles [[Vulgum Techus]] =
 +
* [[Cufón]]
 +
* [[Polices de caractères gratuites]]
 +
* [[polices de caractères]]
  
 
= Commentaires =  
 
= Commentaires =  

Version actuelle en date du 21 juin 2016 à 00:27

Lien court vers cette page : http://vt.cx/KCufon
QR code vers cette page : http://vt.cx/KCufon.qr


Versions Joomla : 1.5, 1.6, 1.7, 2.5 et 3.x

Mots-clé

Présentation

KC Cufón est un plugin de remplacement de police de caractères qui permet d'utiliser des polices non-web sur les sites Internet. Conçu comme une alternative à sIFR (Scalable Inman Flash Replacement, jugé trop compliqué, Cufón est souvent utilisé par les développeurs de templates afin d'assurer une plus grande diversité et une plus grande compatibilité. Le principe de Cufón est de générer des fichier descriptif JavaScript qui sont installés avec le plugin. Ces polices sont générées sur un site ad hoc à partir des polices et des spécifications fournies par les développeurs. Il est courant que, pour réduire leur taille au maximum, il n'ai pas été prévu que les caractères accentués ou symboles exotiques y figurent. Cela oblige dont, pour éviter des titres et des contenus tronqués, de remplacer les polices incomplètes par de nouvelle version qui auront été générées comme expliqué plus bas.

Joomla

Localiser les polices installées

  • Dans le plugin système KC Cufon sont indiquées les polices utilisées par le template
  • Dans Joomla le plugin dispose d'un maximum de 6 polices
  • Les champs qui permettent de les identifier sont :
    • Font 1 -> numéro de police de 1 à 6
    • Font Name -> nom de la police exemple Open Sans
    • Font Filename -> nom de fichier de la police exemple Open_Sans_400 (police Open Sans en 400 em)
    • CSS Selectors for Font -> formatages CSS faisant intervenir la police (exemple a.download-button, legend, .title1, .h3bold, h1, h2, h3, h4, h4 legend, .h4color, .title2, .tagline)
    • Font-size -> taille imposée en dépit des instructions placés dans le CSS
    • Les polices listées dans le plugin sont situées physiquement dans le dossier :
../plugins/system/kc_cufon/fonts/
    • Il est recommandé de les sauvegarder avant d'envisager de les remplacer par de nouvelles versions générées comme expliqué ci-après

Générer une nouvelle police

Regénérer une nouvelle police sous-entend d'en prendre une de même nom et disposant de tous les caractères dont on a besoin ce dont il faut s'assurer en préalable. Par exemple la très populaire police Droid Serif proposé par Google ne propose pas les caractères et œ ce qui peut être un problème. Il faut donc, dans ce cas, substituer une autre police à celle qui présente des lacunes ce qui implique de l'ajouter dans la liste de KC Cufón.

http://cufon.shoqolate.com/generate/
  • Choisir le fichier de police à convertir selon son type à savoir :
    • Regular typeface -> police de base (choix obligatoire pour lancer une conversion)
    • Bold typeface (optional) -> La version en gras de la police (optionnel)
    • Italic typeface (optional) -> La version en italique de la police (optionnel)
    • Bold Italic typeface (optional) -> La version en gras et italique de la police (optionnel)
  • Confirmer que les condition de licence utilisateur (EULA) autorisent l'utilisation dans des sites Internet sans Flash' en cochant The EULAs of these fonts allow Web Embedding (without Adobe Flash)
  • Sélectionner les glyphes à inclure dans la polices. Ceux-ci dépendent de l'usage qui est fait de la police les paramètres sont les suivants :
    • All -> tous les caractères contenus dans la police
    • Uppercase -> inclure ou exclure les majuscules
    • Lowercase -> inclure ou exclure les majuscules
    • Numeral -> inclure ou exclure les chiffres
    • Punctuation -> inclure ou exclure les signes de ponctuation
    • Wordpress punctuation -> ou exclure les signes de ponctuation spéciaux pour Wordpress
    • Basic Latin -> (Unicode 0x0020 à 0x007E)
    • Latin-1 Supplement > (Unicode de 0x00A0 à 0x00FF)
    • Latin Extended-A -> (Unicode de 0x0100 à 0x017F)
    • Latin Extended-B -> (Unicode de 0x0180 à 0x024F)
    • Cyrillic Alphabet -> alphabet cyrillique
    • Russian Alphabet -> alphabet russe
    • Greek and Coptic -> grec et copte
    • and also these single characters -> caractères ajoutés séparément
  • Il est possible de limiter l'usage de la police générée à un site particulier. Dans ce cas le préciser à Limit usage to the following domain(s)
  • Choisir les paramètres typographiques dans Performance & size à savoir :
    • Taille en em ou taille par défaut en cochant No thanks, use the font's own value
    • Optimisation de la police en % -> choisir la résolution (unit) et cocher Allow path optimization. Les valeurs recommandées sont :
      • Petites tailles de police -> de 0.5 % à 1 %
      • policeplus grande -> de 2 à 3 %
  • Accepter les termes de licence du site en cochant I acknowledge and accept these terms
  • Lancer la génération de la police en cliquant sur Let's do this!
  • Celle-ci faite, la police est téléchargée. Il ne reste plus qu'à l'installer dans le dossier :
../plugins/system/kc_cufon/fonts/

Liens utiles

Articles Vulgum Techus

Commentaires

blog comments powered by Disqus