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.

Index

    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  

    Cliquez pour évaluer cet article !
    [Total: 0 Moyenne: 0]

    Laisser un commentaire

    Votre adresse e-mail ne sera pas publiée.

    Go up