KC Cufón : Différence entre versions
De Vulgum Techus
| (6 révisions intermédiaires par un utilisateur sont masquées) | |||
| Ligne 1 : | Ligne 1 : | ||
| − | '''[[Lien court]]''' vers cette page : http://vt.cx/KCufon | + | [[Catégorie:Typographie]] |
| − | '''[[QR code]]''' vers cette page : http://vt.cx/KCufon.qr | + | '''[[Lien court]]''' vers cette page : http://vt.cx/KCufon |
| − | + | '''[[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=" | + | src="//pagead2.googlesyndication.com/pagead/show_ads.js"> |
</script> | </script> | ||
</html> | </html> | ||
| − | + | <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 | + | * [[Accents absents des titres dans Joomla]] |
| − | * Lettres accentuées manquantes dans titres de | + | * [[Lettres accentuées manquantes dans titres de module]] |
| − | * | + | * [[Caractères manquant dans menus]] |
= Présentation = | = Présentation = | ||
| Ligne 34 : | Ligne 34 : | ||
** '''[[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]]''' -> | + | ** '''[[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]]''' | ** '''[[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 | + | ** 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 | ** 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]] == |
| + | 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]]''' | * 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 : | ||
| Ligne 72 : | Ligne 74 : | ||
* 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 | + | * 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 = | ||
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
Sommaire
Mots-clé
- Accents absents des titres dans Joomla
- Lettres accentuées manquantes dans titres de module
- Caractères manquant dans menus
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.
- 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 :
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 :
- 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
- extensions.joomla.org KC Cufon sur Joomla.org
- cufon.shoqolate.com Générateur de polices JavaScript pour KC Cufon
- github.com Cufon sur GitHub
