Roboto installer la source Google sur Windows, Mac et Linux
la police Roboto est un sans-serif créé par Google qui existe depuis les jours d'Android 4.0 (Ice Cream Sandwich). Il est une élégante fontaine qui joue bien sur les écrans à haute résolution tels que les téléphones Android.
Roboto contient l'ensemble des poids source (poids comprend régulier, gras, italique et gras italique) et est utilisé principalement pour les applications du système et toutes les applications Google.
Si vous aimez la source et que vous voulez l'utiliser sous Windows, Mac, Linux ou même sur votre site Web, vous avez de la chance. Les développeurs de Google ont lancé la source Roboto gratuitement, et vous pouvez l'utiliser sans restrictions (sous la licence du logiciel Apache).
Voici comment installer la police Google Roboto sur toutes les plateformes.
Télécharger Google Roboto
Quelle que soit la plate-forme sur laquelle il se trouve, vous devez d'abord télécharger le package de police Roboto.
Aller aux sources du site Roboto et télécharger la source (archives). Vous devez cliquer sur « Sélectionner cette source « , puis en bas de l'écran dans l'onglet sombre qui dit «1 famille. «
Dans l'onglet nouvellement ouvert, cliquez sur l'icône « Télécharger » pour télécharger le fichier zip que la police Roboto.
Extraire l'archive dans un dossier de votre choix. Ouvrez le dossier, et vous devriez voir toutes les sources de l'intérieur Roboto.
Installer la police Roboto dans Windows 10
Ouvrez le dossier de police Roboto. Sélectionner toutes les sources. Cliquez sur le bouton droit de la souris et sélectionnez « Installer ».
Cela installera les polices sur votre machine Windows. Vous pouvez maintenant utiliser la police Roboto dans leurs applications.
Roboto Font installer Linux
Ouvrez votre dossier de base et activez l'option pour afficher les fichiers / dossiers cachés. Localisez le dossier « .fonts. » Sinon, créez. Déplacez ensuite le dossier de la police Roboto dans ce dossier « .fonts. »
Redémarrez LibreOffice, GIMP, Photoshop ou toute autre application que vous utilisez. Vous devriez voir la police Roboto disponible pour la sélection.
police Roboto installé sur Mac
Similaire à Windows. Retirez le pouvoir, double-cliquez dessus pour installer et apparaître dans ses sources de livres. Vous pouvez également faire glisser et déposer tous vos livre Source.
Installer la police Roboto sur votre site
Pour utiliser la police Roboto sur votre site, vous pouvez utiliser la syntaxe CSS3 « @ font-face » pour intégrer la source externe sur son site.
Aller à Page FontSquirrel police Roboto, cliquez sur "PoliceWeb Kit », puis choisissez vos formats de police préférés, un sous-ensemble (le cas échéant) et cliquez sur" Télécharger @ Kit font-face".
Extraire l'archive dans le dossier Fonts de votre site Web. Ouvrez votre feuille de style web et ajoutez le code suivant:
@ Font-face {font-family: 'Roboto'; src: url ( 'Roboto-Regular-webfont.eot'); src: url ( 'Roboto-Regular-webfont.eot #iefix?) ( 'embedded-opentype'), url format (' Roboto-Regular-webfont.woff) (WOFF), url (format « Roboto- régulière webfont.ttf ') (' TrueType '), url (format' RobotoRegular-webfont.svg # RobotoRegular ') (' svg « ); poids police: normal; Style police: normal; } {@ Famille de polices Font-face: 'Roboto'; src: url ( 'Roboto-Italique-webfont.eot'); src: url (? Roboto-Italique-webfont.eot #iefix ') ( 'embedded-opentype'), url ( 'Roboto-Italique-webfont.woff') Format ( 'woff'), url (format « Roboto- italique-webfont.ttf ') (' truetype '), url (' RobotoItalic-webfont.svg # RobotoItalic ') (' svg « ); poids police: normal; Style: italic; } {@ Famille de polices Font-face: 'Roboto'; src: url ( 'Roboto-BOLD-webfont.eot'); src: url ( 'Roboto-Bold-webfont.eot #iefix?) ( 'embedded-opentype'), url ( 'Roboto-Bold-webfont.woff') Format ( 'woff'), url ( « format Roboto- gras-webfont.ttf ') (' truetype '), url (' RobotoBold-webfont.svg # RobotoBold ') (' svg « ); font-weight: bold; Style police: normal; } {@ Famille de polices Font-face: 'Roboto'; src: url ( 'Roboto-BoldItalic-webfont.eot'); src: url (? Roboto-BoldItalic-webfont.eot #iefix ') ( 'embedded-opentype'), url (' Roboto-BoldItalic-webfont.woff) (WOFF), url (format « Roboto-BoldItalic -webfont.ttf ') (' truetype '), url (' RobotoBoldItalic-webfont.svg # RobotoBoldItalic « ); font-weight: bold; Style: italic; } {@ Famille de polices Font-face: 'Roboto'; src: url ( 'Roboto-Thin-webfont.eot'); src: (? #iefix Roboto-Thin-webfont.eot) format URL ( '-opentype embarqué), url format (' Roboto-Thin-webfont.woff) (WOFF), url ( « Roboto- Thin-webfont.ttf ') (' TrueType '), format url (' RobotoThin-webfont.svg # RobotoThin ') (svg'); font-weight: 200; Style police: normal; } {@ Famille de polices Font-face: 'Roboto'; src: url ( 'Roboto-ThinItalic-webfont.eot'); src: urls (? Roboto-ThinItalic-webfont.eot #iefix ') ('-Opentype embarqué), url ( 'Roboto-ThinItalic-webfont.woff) (WOFF), url ( « Roboto-ThinItalic -webfont.ttf ') (' truetype '), url (' format ') (' RobotoThinItalic-webfont.svg # RobotoThinItalic de svg « ); (Sous la licence du logiciel Apache). font-weight: 200; Style: italic; } {@ Famille de polices Font-face: 'Roboto'; src: url ( 'Roboto-Light-webfont.eot'); src: urls (? Roboto-Light-webfont.eot #iefix ') ('-Opentype embarqué), url ( 'Roboto-Light-webfont.woff') Format ( 'woff'), url ( « Roboto- Light-webfont.ttf ') (' truetype '), url (' RobotoLight-webfont.svg # RobotoLight ') (' svg « ); font-weight: 100; Style police: normal; } {@ Famille de polices Font-face: 'Roboto'; src: url ( 'Roboto-LightItalic-webfont.eot'); src: url (? Roboto-LightItalic-webfont.eot #iefix ') ('-Opentype embarqué), url ( 'Roboto-LightItalic-webfont.woff) (WOFF), url (format « Roboto-LightItalic -webfont.ttf ') (' truetype '), url (' RobotoLightItalic-webfont.svg # RobotoLightItalic ') (' svg « ); font-weight: 100; Style: italic; } {@ Famille de polices Font-face: 'Roboto'; src: url ( 'Roboto-Medium-webfont.eot'); src: url ( 'Roboto-Medium-webfont.eot #iefix?) ( 'embedded-opentype'), url (' Roboto-Medium-webfont.woff) (WOFF), url ( « format Roboto-Medium -webfont.ttf ') (' truetype « ), url ( "RobotoMedium-webfont.svg # RobotoMedium") ( "svg"); font-weight: 300; Style police: normal; } {@ Famille de polices Font-face: 'Roboto'; src: url ( 'Roboto-MediumItalic-webfont.eot'); src: url (? Roboto-MediumItalic-webfont.eot #iefix ') ('-Opentype embarqué), url ( 'Roboto-MediumItalic-webfont.woff) (WOFF), url (format « Roboto-MediumItalic -webfont.ttf ') (' truetype '), url (' RobotoMediumItalic-webfont.svg # RobotoMediumItalic « ); font-weight: 300; Style: italic; } >
Assurez-vous de changer le « src » pour pointer vers le chemin vers le dossier Fonts.
Ensuite, vous pouvez utiliser la syntaxe
Font-famille Questions et réponses que vous devez connaître
Comment avoir la police Roboto ?
Pour obtenir la police Roboto, vous pouvez la trouver gratuitement sur Google Webfonts. Cette famille de polices sans empattements a été publiée en 2011 et elle est disponible en différentes variations, telles que Roboto Condensed et Roboto Slab. Vous pouvez télécharger ces polices directement depuis le site Web de Google Webfonts sous la licence Apache.
Pourquoi choisir la police Roboto ?
La police Roboto est un choix idéal pour les projets en ligne en raison de sa nature sans empattement (Sans Serif), ce qui la rend très lisible sur les écrans. Roboto est l'une des polices les plus couramment utilisées sur le web pour le corps de texte en raison de sa facilité de lecture, ce qui contribue à améliorer l'expérience utilisateur globale sur un site web.
Maintenant que tu as fini de lire Roboto installer la source Google sur Windows, Mac et Linux, nous t'invitons à explorer davantage la catégorie Windows. Tu y trouveras d'autres articles intéressants qui élargiront tes connaissances et te tiendront informé. Ne cesse pas de lire et de découvrir plus!
Laisser un commentaire