Font génial: le guide de la bibliothèque complète

Icônes gratuites Police géniale: Qu'est-ce que c'est et ce qu'il est utilisé pour. Comment connecter des icônes au site. Avantages et inconvénients de la bibliothèque.

Ensemble d'icônes génial de police: le guide ultime

Font génial est un ensemble de polices et d'icônes basées sur CSS et moins. L'outil vous permet de connecter rapidement toutes sortes d'icônes au site, améliorant considérablement sa conception et sa convivialité. Il suffit d'insérer quelques lignes de code.

Font Awesome vous donne des icônes vectorielles évolutives que vous pouvez facilement personnaliser - taille, couleur, ombres et tout ce qui peut être fait avec CSS.

Font Awesome Library a une énorme collection des meilleures suggestions pour vous. Vous améliorez votre projet avec des icônes uniques. En fait, il s'agit d'un énorme ensemble de toutes sortes d'icônes que vous pouvez utiliser à vos propres fins.

À Fontaweome, toutes les icônes sont absolument et totalement gratuites. La bibliothèque est autorisée sous licence publique générale GNU. Cela signifie qu'il peut être utilisé librement dans des projets commerciaux et, en principe, partout.

L'ensemble a été créé par Dave Gandhi. Il comprend des icônes de médias sociaux gratuites, des icônes d'améliorer l'interface utilisateur, etc.

Typiquement, les scripts de police géniaux de police sont utilisés conjointement avec Bootstrap et BootstrapCDN. Font génial est deuxième uniquement aux polices de Google en popularité.

Comment ça fonctionne

La principale caractéristique est que toutes les icônes géniales de police ne sont pas des images statiques. Ils sont au format de la police. En d'autres termes, ce sont des polices d'icônes. Par exemple, une icône de recherche ou un logo de réseau social est la même que les caractères simples A, B, C.

Les icônes géniales de police sont créées à l'aide de vecteurs évolutifs. Par conséquent, ils peuvent être augmentés à presque toutes les tailles.

Toutes les icônes disponibles sont incluses dans un fichier de police. Tout ce dont vous avez besoin est de télécharger ce fichier à partir du site officiel et de le connecter dans les styles.

Pourquoi les designers choisissent une police géniale

Font génial a un certain nombre d'avantages:

• Connexion rapide. Il vous suffit de télécharger un fichier spécial à partir du site officiel et de le connecter en spécifiant le chemin d'accès dans le code CSS.
• Flexibilité et évolutivité. Les icônes peuvent être agrandies à n'importe quelle taille. Les symboles seront aussi clairs que le périphérique le permet. Dans l'âge de la conception réactive, cela est important. Au fait, pour la même raison, les icônes géniales de police conviennent aux écrans de rétine.
• Stylisation. Les icônes peuvent être facilement modifiées de couleur, de taille, d'ombre ou de tout autre paramètre externe. Le concepteur bénéficie de tous les avantages du texte de style régulier. Vous pouvez également faire pivoter les icônes. Par exemple, affichez à l'envers ou tournez à 90 degrés.
• Chargement rapide du site. Toutes les icônes sont incluses dans un fichier de police. Donc, cela ne prend qu'une demande HTTP pour charger la police géniale. C'est génial pour la performance du site Web.
• Amour des navigateurs. Font génial est un outil de navigateur croisé. Vous n'avez pas à vous soucier de la compatibilité du navigateur des polices et des icônes. Ils sont bien soutenus par tous. Même vieux IE8.
• Compatible avec différents cadres. La bibliothèque a été créée principalement pour Bootstrap. Cependant, cela fonctionnera également avec d'autres cadres.
• Plusieurs formats. L'outil est disponible dans les formats .EOT, .TTF, .woff et SVG. Donc, la police géniale est traitée de la même manière que les autres polices Web.
• Pas de javascript requis. Font génial ne nécessite pas que JavaScript soit exécuté.

Ainsi, la police génial est un outil efficace et pratique qui enregistre de manière significative le temps de mise en page et accélère votre site Web.

Inconvénients de la police géniale

L'outil a également des inconvénients. Heureusement, il n'y en a pas beaucoup.

Tout d'abord, les icônes ne peuvent être peintes que dans une couleur. Cependant, cette limitation peut être contournée. Par exemple, alliant des icônes gratuites les unes avec les autres. Ou utiliser des effets CSS

Deuxièmement, la bibliothèque géniale de police contient trop d'icônes et elles sont toutes incluses dans un seul fichier. Si un concepteur de concepteur ou de mise en page n'a besoin que de connecter quelques icônes, ils doivent encore charger complètement toute la bibliothèque. Et ce sont des centaines de milliers d'icônes supplémentaires qui prendront de la place. Cependant, il existe une solution ici aussi - créant votre propre assemblée, qui comprend uniquement les icônes nécessaires.

Versions géniales de police: 5 et 6

Font génial 5 a été publié le 7 décembre 2017 et contenait à l'origine 1278 icônes. La cinquième version vient en deux paquets: gratuit (Font génial gratuit) et payé (Font Awesome Pro). Le plan GRATUIT contient également des icônes de toutes les quatre versions. Les icônes sont disponibles sous la licence SIL Open Police 1.1, Attribution Creative Commons 4.0 et MIT.

Font génial 6 est une nouvelle version qui a été publiée au second semestre de 2020. Elle comprend de nouvelles icônes et n'est disponible que dans un plan rémunéré.

Font génial 6 alpha est également sur le chemin de 2021. Il s'agit d'une autre nouvelle génération de bibliothèque d'icônes. En plus des nouvelles icônes, la version 6 Alpha ajoute également de nouveaux styles, nouveaux services et outils d'assistance. Les utilisateurs peuvent pré-commander.

Plans gratuits et payants: Différences et caractéristiques

Vous pouvez télécharger des icônes pour un plan tarifaire gratuit ou payé.

Le plan gratuit comprend plus de 1600 icônes et 1 ensemble. Un kit est une collection d'icônes, de styles et de paramètres qui vous permettent de modifier rapidement sans ajouter de code.

Tarif payé:

• Comprend plus de 7800 icônes et 20 ensembles.
• Donne accès à la police génial pro. Cela signifie que les icônes peuvent être utilisées dans des applications mobiles natales et sur votre ordinateur (par exemple, dans un éditeur de texte de texte ou lors de la création d'une présentation dans PowerPoint).
• Vous permet de télécharger vos propres icônes. Vous pouvez utiliser vos propres icônes à côté ou à la place des icônes géniales officielles de police. Par exemple, c'est ainsi que vous pouvez télécharger un logo d'entreprise. Vous pouvez effectuer les mêmes actions avec vos propres icônes comme avec les éléments de base - changez le style, la taille, la couleur, etc.

Les deux versions sont perpétuelles. C'est-à-dire qu'ils sont fournis une fois et pour tous.

Façons de connecter la police génial

Tout d'abord, vous devez vous rendre sur le site officiel et télécharger la bibliothèque. Les archives téléchargées doivent être déballées et les dossiers CSS et polices copiés sur votre dossier de votre site.

Après cela, le chemin du fichier de bibliothèque est spécifié entre les balises de tête. Par example:

Comment afficher des icônes impressionnantes de police sur un site Web. Méthodes les plus populaires:

1.Utilisation HTML

Le moyen le plus simple.

Vous devez aller à la galerie sur le site officiel (Fontawesome.com/icons?d=gallery) et choisir l'icône que vous aimez. Chaque icône a un code personnel, par exemple :. Il suffit de la copier et de la coller au bon endroit dans le code.

2. VIA CSS

Pour ce faire, utilisez les pseudo-éléments après ou auparavant, ainsi que l'Unicode de l'icône requise. Vous pouvez tout prendre dans la même galerie. Un exemple de ce code: F209.

Un exemple d'entrée de fichier de style:

Div :: Après {Affichage: Bloc; Contenu: 'f209'; Font-famille: 'Font génial 5 gratuit';}

En conclusion: toutes les icônes géniales de police

Ainsi, la police géniale est un moyen rapide et pratique d'ajouter des icônes gratuites à votre site Web. Toutes les icônes sont facilement évolutives et ne ralentissent pas le site.