Différences

Ci-dessous, les différences entre deux révisions de la page.

--- fr:template:custom-fonts [2016/08/31 17:22]
Nicolas Ronvel créée
+++ fr:template:custom-fonts [2016/09/01 13:17]
Nicolas Ronvel [The FontFamily]
@@ Ligne 35: / Ligne 35: @@
 ===== Fichier et URL =====
-If you host **geckos**, you can add your needed font on you server, and set a relative path to it as the url :
+Si vous hébergez **geckos**, vous pouvez également héberger votre Police le même serveur, et définir un chemin relatif vers celle-ci dans votre URL :
-<code javacript>
+<code javascript>
 { "fontFamily": "MyFontFamily", "src": "fonts/myFont.woff" }
 </code>
-You can also sets the url to a distant server, but it might sometimes create bugs (server down, firewall preventing access to the server, server path changed, ...).
+Il est aussi possible d'utiliser une URL distante, mais cela peut entraîner quelques soucis (serveur distant HS, serveur distant refusant la connexion, pare-feu bloquant l'accès au serveur, changement d'arborescence sur le serveur, ...).
-<code javacript>
+<code javascript>
 { "fontFamily": "MyFontFamily", "src": "http://www.fonts.com/myFont.woff" }
 </code>
-Finally, as for the images of the canvas, we can use the [[Dataurl-Variables|DataUrl]] of a font file. You can find some explanations of this on [[http://sosweetcreative.com/2613/font-face-and-base64-data-uri|SoSweetCreative]], but the goal is the same as for the images : the font file is translated in a string format, embedded into the template code, and is sure to be present for the user.
+Enfin, comme c'est déjà le cas pour les images, on peut s'appuyer sur la [[Dataurl-Variables|DataUrl]] d'un fichier de police. Quelques explications, en anglais, se trouvent sur [[http://sosweetcreative.com/2613/font-face-and-base64-data-uri|SoSweetCreative]], mais en bref, l'objectif est identique à celui recherché pour les images : traduire le fichier en une chaîne de caractères, intégrée dans le code du template, et toujours accessible à l'utilisateur.
 <code javascript>
@@ Ligne 53: / Ligne 53: @@
 </code>
-See for example the [[https://github.com/Gulix/geckos/blob/master/templates/wquest-silvertower-herocard.json|Warhammer Quest - Silver tower]] template, that uses such a font.
+Par exemple, le template pour [[https://github.com/Gulix/geckos/blob/master/templates/wquest-silvertower-herocard.json|Warhammer Quest - Silver tower]] utilise une police intégrée via DataUrl.
-===== The FontFamily =====
+===== FontFamily =====
-The ''fontFamily'' property is a String that represents the name of the font. It's better with no spaces or funky characters. This name could follow the original one of the font, but it's not mandatory.
+La propriété ''fontFamily'' est une chaîne qui identifie la police. Il vaut mieux y éviter les espaces et les caractères spéciaux. Cet identifiant peut suivre le nom original de la police, mais rien ne l'y oblige.
-It's now the name that your template will use in order to display text with that font. Any ''Text'', ''Textbox'' or similar fields you will use in the Canvas can use that font :
+Ce nom sera utilisé par votre template pour afficher du texte avec cette police. Tout élément de type ''Text'', ''Textbox'' ou autre pouvant afficher du texte dans le canvas peut utiliser cette police :
 <code javascript>
@@ Ligne 65: / Ligne 65: @@
 </code>
-That's how you use **Custom fonts** in **Geckos** !
+Et c'est ainsi qu'on utilise des **Polices personnalisées** dans **Geckos** !
 ===== Optional - The Font Style =====

Geckos Documentation

Outils pour utilisateurs

Outils du site

Différences

Outils de la page