POLICE PERSONNALISÉE

Ce guide décrit comment importer une police personnalisée dans l’application front web
de Kinow.

Prérequis : avoir les fichiers de police (généralement fichiers TTF) à disposition.

1. Upload des fichiers de police

Dans le panneau d’administration de la plateforme, aller dans « Gestion des média » puis
dans « Autres fichiers ».

Cliquer sur « Upload fichier » et sélectionner tous les fichiers de votre police afin de les
uploader.

Vous devriez en avoir un pour chaque déclinaison :

Centre de Support Kinow : https://support.kinow.com

Kinow Developer Center : https://developer.kinow.com
 2. URL des fichiers de police
Une fois que les fichiers de police sont uploadés, appliquez les manipulations suivantes
pour chacun d’entre eux :

- Activez l’option « Accès public » afin que le fichier soit accessible publiquement

- Rechargez la page
- Un bouton « Copier le lien dans le presse-papier » devrait s’afficher :

- Cliquez sur ce bouton afin de copier le lien public dans le presse-papier

o Il sera ensuite réutilisé dans le fichier CSS (voir ci-dessous)

3. Création du fichier CSS

Ouvrir le fichier « custom-style.css » qui vous a été transmis avec ce guide.

Celui-ci est un fichier de définition standard de police, avec différentes déclinaisons (thin,
light, regular, medium, bold, black, italic…).

En fonction des fichiers de polices préalablement uploadés sur le panneau

d’administration, complétez le fichier en précisant pour chaque déclinaison :

- Le nom de la police (font-family)

- l’URL publique (src) – copiée précédemment à la section 2) de ce guide

Exemple :

Centre de Support Kinow : https://support.kinow.com

Kinow Developer Center : https://developer.kinow.com
Note : Si certaines déclinaisons ne sont pas supportées par votre police, n’hésitez-pas à
supprimer le bloc de code correspondant du fichier CSS.

4. Upload du fichier CSS

Une fois que le fichier CSS a été rempli, il faut l’uploader à son tour sur le panneau
d’administration et lui donner un accès public, en suivant la même procédure que celle
décrite dans les sections 1) et 2) de ce guide.

5. Ajout du CSS dans le fichier de configuration

Finalement, ajoutez l’URL publique vers le fichier CSS dans le fichier de configuration de
l’application web sous la propriété « settings-customCssUrls » :

Centre de Support Kinow : https://support.kinow.com

Kinow Developer Center : https://developer.kinow.com