L’ajout d’une police personnalisée dans vos paramètres Beamery vous permet de créer une expérience cohérente et conforme à votre image de marque pour vos candidats lorsqu’ils visitent l’une de vos pages et l’un de vos formulaires Beamery.
Veuillez noter que seule la version standard d’une police doit être utilisée dans Beamery, car l’ajout de personnalisations supplémentaires (par exemple, gras, italique, soulignement) ralentit le temps de chargement de la police.
Table des matières
Ajouter une police depuis Google Fonts
Ajouter une police depuis Adobe Typekit
Comment ajouter une police depuis Google Fonts
Google Fonts est un répertoire open source de polices gratuites que Google met à la disposition de tous pour les utiliser sur leurs sites web.
Suivez ces étapes pour utiliser une police de Google Fonts dans Beamery :
- Commencez par accéder aux paramètres Beamery, puis sélectionnez Entreprise dans la barre latérale des paramètres.
- Au milieu de cette page, vous verrez la section Custom Font suivante :
- Ensuite, ouvrez Google Fonts dans un autre onglet et parcourez les polices pour trouver celle que vous souhaitez utiliser. Une fois la police choisie, cliquez sur sa carte pour ouvrir sa page.
- Ensuite, sur la page de la police, faites défiler jusqu’à trouver le style de police que vous souhaitez utiliser, puis cliquez sur +Select this style.
Veuillez noter que seule la version standard d’une police doit être utilisée dans Beamery, car l’ajout de personnalisations supplémentaires (par exemple, gras, italique, soulignement) ralentit le temps de chargement de la police.
- À présent, cliquez sur le bouton situé dans l’angle supérieur droit pour afficher les familles sélectionnées. Une barre latérale s’ouvrira à l’écran.
- Dans cette barre latérale, accédez à la section intitulée Use on the web, et vérifiez que l’option <link> est sélectionnée.
- Dans le code de cette section, copiez l’URL qui suit href=
- Retournez dans Beamery et collez cette URL dans le champ Font URL. Une fois cette URL saisie, vous verrez que le champ Font family name est indiqué comme obligatoire.
- Retournez ensuite dans votre onglet Google Fonts et copiez le nom de la famille de polices en haut de la page.
-
Retournez ensuite dans votre onglet Beamery et collez ce nom dans le champ Font family name .
Notez que ce champ est sensible à la casse et doit donc correspondre exactement à ce que vous voyez sur la page Google Fonts.
- Enfin, cliquez sur Save en haut à droite de la page des paramètres.
- Cette police deviendra alors la police par défaut de votre organisation pour toutes les nouvelles pages et tous les nouveaux formulaires, et sera également appliquée à vos pages et formulaires existants. Après avoir modifié une police dans les paramètres, nous vous recommandons de les vérifier afin de vous assurer que la police s’affiche comme prévu.
Comment ajouter une police depuis Adobe Typekit
Adobe Typekit regroupe des milliers de polices provenant de partenaires fondeurs dans une seule bibliothèque. Veuillez noter que l’utilisation des polices Adobe Typekit nécessite un abonnement Adobe Creative Cloud et que toutes les polices ne sont pas forcément incluses dans votre type d’abonnement. Pour toute question concernant les licences de polices Adobe, cliquez ici.
Suivez ces étapes pour utiliser une police d’Adobe Typekit dans Beamery :
- Commencez par accéder aux paramètres Beamery, puis sélectionnez Entreprise dans la barre latérale des paramètres.
- Au milieu de cette page, vous verrez la section Custom Font suivante :
- À présent, accédez à Adobe Typekit et parcourez les polices pour trouver celle que vous souhaitez utiliser. Une fois la police choisie, cliquez sur View Family sur sa carte.
- Ensuite, cliquez sur Add to Web Project sur la page de la police.
- Dans la fenêtre modale qui s’affiche, sélectionnez le projet auquel vous souhaitez ajouter cette police, puis cliquez sur Create.
- Vous verrez alors une confirmation indiquant que la police a été ajoutée à votre projet. Copiez l’URL qui suit href= dans le code de cette fenêtre modale.
- Retournez dans Beamery et collez cette URL dans le champ Font URL. Une fois cette URL saisie, vous verrez que le champ Font family name est indiqué comme obligatoire.
- Retournez ensuite dans votre onglet Adobe Typekit et copiez le nom de la famille de polices en haut de la page.
-
Retournez dans votre onglet Beamery et collez ce nom dans le champ Font family name .
Notez que ce champ est sensible à la casse et doit donc correspondre exactement à ce que vous voyez sur la page Adobe Typekit.
- Enfin, cliquez sur Save en haut à droite de la page des paramètres.
-
Cette police deviendra alors la police par défaut de votre organisation pour toutes les nouvelles pages et tous les nouveaux formulaires, et sera également appliquée à vos pages et formulaires existants. Après avoir modifié une police, nous vous recommandons de les vérifier afin de vous assurer que la police s’affiche comme prévu.
En résumé…
Créez une image de marque cohérente sur vos pages et formulaires Beamery en ajoutant une police personnalisée depuis Google Fonts ou Adobe Typekit, en suivant les instructions de ce guide.