La bibliothèque WebINK comprend des milliers de polices de grande qualité issues de fonderies réputées.
Parcourez la liste de polices
Découvrez notre collection
- Trouvez vos polices Des polices populaires.
Vos fonderies préférées. - Créez un projet dans notre système de Type Drawer (tiroir [casse] à polices) simple à utiliser.
- Publiez votre site Nous nous chargeons des détails techniques.
- Paramètres et options Tirez pleinement parti de vos polices.
- Options tarifaires Inscrivez-vous dès aujourd’hui.
Rechercher et filtrer
Trouvez rapidement les polices dont vous avez besoin.
Parcourez toutes les polices WebINK en un temps record grâce aux outils intégrés de recherche et de filtrage.
Utilisez le champ de recherche en haut à droite de la page pour trouver une police spécifique. Tapez quelques lettres du nom de la police et cliquez sur Rechercher.
Vous souhaitez n’afficher qu’un type spécifique de polices ? Vous pouvez facilement les trier par Classification, Fonderie, Langue, etc. Cliquez sur un filtre pour l’appliquer.
Vous avez changé d’avis ? Il vous suffit de cliquer sur le x dans la liste des filtres appliqués pour supprimer un filtre.
Informations sur les familles de polices
Tout ce que vous devez savoir sur les familles de polices
La page « Informations sur les familles de polices » présente des exemples de tous les styles disponibles pour une famille de police donnée. Tapez le texte que vous voulez et testez différentes tailles.
Vous allez trouver ce qu’il vous faut ! En cliquant sur une police, vous ouvrez la page d’exemples de polices et obtenez des informations complémentaires.
Informations sur les exemples de polices
Pour faire un choix avisé
La page d’exemples de polices présente les polices en grande taille.
Vous pouvez aussi voir la police sur différents fonds.
De plus, une taille minimum vous est conseillée pour la police et la taille du fichier à télécharger est indiquée. Il est également précisé si la police est disponible dans le plug-in de polices Web pour Photoshop.
Créer un premier projet
C’est parti !
Après avoir créé votre compte, rendez-vous sur la page Type Drawer et cliquez sur le bouton Nouveau projet.
Entrez un nom de projet et cliquez sur Créer un projet.
Ajouter des polices
Le projet créé va s’ouvrir dans une page qui lui est propre. Cliquez sur le bouton Ajouter des polices pour voir la collection de polices WebINK et faire votre choix.
Des milliers de polices sont à votre disposition. Ajoutez le nombre de polices que vous voulez dans un projet en les plaçant dans votre Type Drawer (tiroir à polices).
Il vous suffit de cliquer sur le bouton « Ajouter au projet » pour placer une police dans un projet.
Domaines
WebINK y livre vos polices
WebINK livre les polices d’un projet sur les domaines. Vous pouvez inclure des domaines de développement et des domaines définitifs.
Sur la page d’informations sur le projet, cliquez sur le bouton Ajouter des domaines. Entrez l’adresse IP d’un domaine ainsi qu’un alias (nom convivial) pour le domaine, puis cliquez sur Ajouter au projet.
Vous pouvez ajouter d’autres domaines ultérieurement. En savoir plus
Intégration de polices dans votre site
Obtenir le code
Après avoir sélectionné et ajouté des polices au projet, elles doivent être intégrées à votre site. WebINK a recours à un fichier CSS, généré de façon dynamique, pour intégrer les polices. Il vous suffit d’ajouter un extrait de code sur votre site.
Sur la page d’informations sur le projet, cliquez sur le lien Générer le CSS pour ce projet.
La fenêtre contextuelle présente deux styles de code : Importation ou Lien.
Le code d’importation peut être ajouté à votre fichier CSS ou à l’en-tête de votre page HTML. Vous pouvez utiliser le lien si vous disposez d’une feuille de style distincte pour vos polices. Copiez le code qui vous convient et ajoutez-le à votre site.
Style Lien (recommandé)
<link href="http://fnt.webink.com/wfs/webink.css?project=732093DC-A632-4117-9621-BC5FF56B7932&fonts=37437296-19E9-5916-9448-2D4ADE086DC5:family=AdelleWeb-Regular:style=normal:weight=normal" rel="stylesheet" type="text/css"/>Import Style
<style type="text/css">@import url("http://fnt.webink.com/wfs/webink.css?project=732093DC-A632-4117-9621-BC5FF56B7932&fonts=37437296-19E9-5916-9448-2D4ADE086DC5:family=AdelleWeb-Regular:style=normal:weight=normal");</style>Ajoutez les nouvelles polices à votre pile de polices
Peaufinez votre conception
Après avoir intégré le code Lien ou Importation, vous devez appliquer les nouvelles polices aux éléments se trouvant sur la page.
Copiez le nom de la famille de polices dans le code Lien ou Importation et ajoutez-le aux piles de polices CSS adéquates.
h1 { font-family: Header; }En toute simplicité
Pourquoi faire compliqué ?
Une ligne de code suffit pour délivrer en un instant la police adaptée sur n´importe quel navigateur, en toute sécurité. On ne peut pas faire plus simple.
Nul besoin de recourir à JavaScript, Flash ou à des éléments graphiques statiques pour obtenir ce que vous souhaitez sur votre site Internet.
<link href="http://fnt.webink.com/wfs/webink.css?project=732093DC-A632-4117-9621-BC5FF56B7932&fonts=37437296-19E9-5916-9448-2D4ADE086DC5:family=AdelleWeb-Regular:style=normal:weight=normal" rel="stylesheet" type="text/css"/>
<div style="font-family: 'AdelleWeb-Regular';">
<h1 style="font-size: 36px;">Adelle Web Regular</h1>
<p style="font-size: 24px;">Forsaking monastic tradition, twelve jovial friars gave up their vocation for a questionable existence on the flying trapeze. The public was amazed to view the quickness and dexterity of the juggler. We quickly seized the black axle and just saved it from going past him. A mad boxer shot a quick, gloved jab to the jaw of his dizzy opponent. Six javelins thrown by the quick savages whizzed forty paces beyond the mark. We promptly judged antique ivory buckles for the next prize.</p><span style="font: 80%/1.4 sans-serif; color: #444; display: block;">Paragraph is set for minimum recommended pixel size of 24px</span>
</div>Adelle Web Regular
Forsaking monastic tradition, twelve jovial friars gave up their vocation for a questionable existence on the flying trapeze. The public was amazed to view the quickness and dexterity of the juggler. We quickly seized the black axle and just saved it from going past him. A mad boxer shot a quick, gloved jab to the jaw of his dizzy opponent. Six javelins thrown by the quick savages whizzed forty paces beyond the mark. We promptly judged antique ivory buckles for the next prize.
Paragraph is set for minimum recommended pixel size of 24pxDistribution des polices Web sur votre page
Vous vous occupez du site, nous nous chargeons des polices
Quand un visiteur accède à votre site, votre page Web envoie une requête à l’un de nos serveurs WebINK.
Le serveur WebINK détermine le navigateur utilisé par le visiteur et envoie le format de polices adapté à ce navigateur et au système d’exploitation.
La police apparaît sur le navigateur comme si elle était déjà installée sur l´ordinateur (ou la tablette, le smartphone) du visiteur.
WebINK fonctionne avec le réseau Amazon S3
Plus rapide que l’éclair
WebINK envoie les polices souhaitées quand la page se charge. WebINK fonctionne avec Amazon S3 ; les polices sont distribuées à partir de serveurs situés à proximité des visiteurs de votre site.
Notre partenaire Amazon S3 offre un service fiable, rapide et homogène, quel que soit le navigateur utilisé et le moment de la journée.
Sous-ensemble
Comment optimiser vos sous-ensembles ?
Les polices comportent des dizaines, des centaines, voire des milliers de caractères. Nous ne pensons souvent qu’aux lettres et aux symboles se trouvant sur nos claviers, mais n’oubliez pas qu’il existe d’autres alphabets dans les diverses langues du monde.
Dans WebINK, vous pouvez définir un sous-ensemble de caractères à inclure dans votre projet. Cela peut vous permettre de réduire le temps de téléchargement des polices et de rendre votre site accessible plus rapidement aux visiteurs.
Si l’ensemble de votre site est rédigé en anglais uniquement, vous pouvez faire en sorte que votre projet ne contienne que les caractères de la langue anglaise.
Si vous publiez des pages en français, en allemand ou d’autres d’autres langues d’Europe occidentale, vous pouvez utiliser l’ensemble de caractères Europe occidentale.
Si votre site Web touche un public plus large, optez pour l’ensemble Police complète (comportant tous les caractères). Tous les caractères des polices choisies seront disponibles et pourront être utilisés sur vos pages.
Sur la page d’exemples, la taille approximative du téléchargement est indiquée pour chaque sous-ensemble de polices. En général, la différence entre le sous-ensemble Anglais et le sous-ensemble Police complète est inférieure à 50 %. Vous pouvez décider de pécher par excès de prudence et utiliser le sous-ensemble Police complète.
Il est très simple de modifier le projet par la suite pour utiliser un autre sous-ensemble.
En savoir plus sur les domaines
Les modes Développeur et Live apportent une grande flexibilité
Les domaines correspondent aux sites Web sur lesquels vous souhaitez utiliser les polices. Pour chaque projet, vous pouvez ajouter plusieurs domaines ; nous fournirons toutes les polices de ce projet sur toutes les pages de ces domaines.
Quels domaines inclure dans un projet ? Cela dépend de la façon dont vous utilisez les projets.
Si vous concevez des sites Web pour des clients, vous pouvez créer un projet par client, qui contiendra toutes les polices et tous les domaines de ce client. Vous pouvez tester et travailler sur ces projets en mode Développeur (gratuit, jusqu'à 10 visiteurs uniques par jour) et lorsque vous souhaitez passer en mode Live, vous pouvez transférer la propriété du projet à votre client. Si vous travaillez pour une société et ne gérez que des sites Web de cette société, vous pouvez conserver toutes les polices et les domaines dans un projet.
Mode Développeur
Créez des prototypes et testez les sites de vos clients gratuitement!
Vous voulez tester certaines polices avant de lancer un projet ? WebINK vous en donne la possibilité.
Tous les projets peuvent être créés en mode Développeur, limité à 10 visiteurs uniques par jour. Il s'agit d'une solution idéale pour développer un projet et obtenir des commentaires sur votre création.
En mode Développeur, vous pouvez tester autant de polices que vous voulez sur tous les sites souhaités. La seule restriction concerne le nombre de visiteurs uniques pouvant accéder à ces sites.
Lorsque votre travail de développement est terminé, transférez votre projet vers le compte WebINK de votre client et passez en mode Live !
Transfert de projets
Pour livrer le fruit de votre travail
Vous pouvez facilement transférer des projets vers d’autres comptes dans WebINK. Par exemple, vous pouvez développer un projet en utilisant le mode Développeur (gratuit, jusqu'à 10 visiteurs uniques par jour), puis transférer le projet sur le compte de votre client/supérieur hiérarchique/entreprise dès que vous êtes prêt à passer en mode Live. Vous n’aurez pas déboursé un centime jusqu’à ce stade.
Ressources et outils sur les polices Web
Nous pouvons vous aider
Nous avons créé des outils spéciaux et rassemblé des informations utiles pour vous aider à maîtriser rapidement l’utilisation des polices Web.
Nous vous proposons :
Vous avez besoin d’une assistance supplémentaire ?