Slik installerer du Google Roboto-fonten på Windows, Mac og Linux

Roboto- skrifttype er en skrifttype uten serif-stil laget av Google. Denne fonten har dukket opp siden starten av Android 4.0 (Ice Cream Sandwich) med fordelen av eleganse og god synlighet på høyoppløselige skjermer som Android- telefoner .

Roboto har et komplett utvalg av skrifttyper (inkludert vanlig, fet, kursiv, kursiv og fet) og brukes hovedsakelig på systemapper og alle Google- apper .

Det er gode nyheter for disse skriftelskere, at Google-utviklere har gitt ut Roboto-fonten gratis, og du kan bruke den uten begrensninger (under Apache-programvarelisensen). Så nå kan du bruke den på Windows , MAC , Linux eller til og med på nettstedet ditt .

Nedenfor er hvordan du installerer Google Roboto Font på alle de ovennevnte operativsystemplattformene.

Last ned Google Roboto

Uansett hvilket operativsystem du bruker, er det første og viktigste å laste ned Google Roboto-fontsettet til enheten din.

Besøk Robotos skriftside og last ned skriften (komprimert fil). Du må klikke på "Velg denne skriften" og deretter nederst på skjermen, klikk på den mørke fanen som sier "1 familie valgt".

I den nyåpnede fanen klikker du på "last ned"-ikonet for å laste ned Roboto-fonten. Skriftsettet vil da bli lastet ned som en zip-fil.

Pakk ut zip-filen du nettopp lastet ned til en vilkårlig mappe. Åpne den mappen og du vil se alle Roboto-skriftene inni.

Installer Roboto Font på Windows 10

Åpne Roboto-fontmappen. Velg alle skriftene, høyreklikk og velg "Installer".

På dette tidspunktet vil skriften automatisk bli installert på systemet ditt etter noen minutter. Nå kan du bruke Roboto-fonten på applikasjoner på enheten din.

Installer Roboto Font på Linux

Åpne hjemmemappen og aktiver deretter skjulte filer/mapper. Finn mappen ".fonts". Hvis det ikke er en, oppretter du en ny mappe med filtypen ".fonts". Deretter flytter du mappen som inneholder Roboto-fonten til ".fonts"-mappen du nettopp opprettet.

Deretter starter du LibreOffice, GIMP, Photoshop eller hvilket program du bruker på nytt. Du vil se Roboto-fonten vises for valg.

Installer Roboto Font på MAC

For MAC er metoden lik den på Windows. Først trekker du ut skriften, dobbeltklikker for å installere og Roboto vil vises i Font Book. din. I tillegg kan du også dra og slippe dem inn i skriftboken.

Installer Roboto Font for nettstedet

Hvis du vil bruke Roboto-fonten på nettstedet ditt, kan du bruke CSS3 "@font-face"-syntaksen . Dette er metoden for å bygge inn eksterne fonter på nettstedet.

Gå til FontSquirrel Roboto- skriftsiden , klikk på "Webfont Kit" , velg deretter skriftformatene du liker og klikk på "Last ned @Font-Face Kit."

Pakk ut den nedlastede filen i fontmappen for nettstedet ditt. Åpne deretter stilarket på nettstedet ditt og legg til følgende kode:

@font-face { font-family : 'Robot'; src: url('Roboto-Regular-webfont.eot'); src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Regular-webfont.woff') format('woff'), url('Roboto- Regular-webfont.ttf') format('truetype'), url('Roboto-Regular-webfont.svg#RobotoRegular') format('svg'); font-weight : normal; font-stil : normal; } @font-face { font-family : 'Robot'; src: url('Roboto-Italic-webfont.eot'); src: url('Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Italic-webfont.woff') format('woff'), url('Roboto- Italic-webfont.ttf') format('truetype'), url('Roboto-Italic-webfont.svg#RobotoItalic') format('svg'); font-weight : normal; skriftstil : kursiv; } @font-face { font-family : 'Robot'; src: url('Roboto-Fet-webfont.eot'); src: url('Roboto-Fet-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Fet-webfont.woff') format('woff'), url('Roboto- Bold-webfont.ttf') format('truetype'), url('Roboto-Bold-webfont.svg#RobotoBold') format('svg'); font-weight : fet; font-stil : normal; } @font-face { font-family : 'Robot'; src: url('Roboto-BoldItalic-webfont.eot'); src: url('Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-BoldItalic-webfont.woff') format('woff'), url('Roboto- BoldItalic-webfont.ttf') format('truetype'), url('Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg'); font-weight : fet; skriftstil : kursiv; } @font-face { font-family : 'Robot'; src: url('Roboto-Thin-webfont.eot'); src: url('Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Thin-webfont.woff') format('woff'), url('Roboto- Thin-webfont.ttf') format('truetype'), url('Roboto-Thin-webfont.svg#RobotoThin') format('svg'); font-vekt : 200; font-stil : normal; } @font-face { font-family : 'Robot'; src: url('Roboto-ThinItalic-webfont.eot'); src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-ThinItalic-webfont.woff') format('woff'), url('Roboto- ThinItalic-webfont.ttf') format('truetype'), url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under Apache-programvarelisensen). font-vekt : 200; skriftstil : kursiv; } @font-face { font-family: 'Robot'; src: url('Roboto-Light-webfont.eot'); src: url('Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Light-webfont.woff') format('woff'), url('Roboto- Light-webfont.ttf') format('truetype'), url('Roboto-Light-webfont.svg#RobotoLight') format('svg'); font-vekt : 100; font-stil : normal; } @font-face { font-family : 'Robot'; src: url('Roboto-LightItalic-webfont.eot'); src: url('Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-LightItalic-webfont.woff') format('woff'), url('Roboto- LightItalic-webfont.ttf') format('truetype'), url('Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg'); font-vekt : 100; skriftstil : kursiv; } @font-face { font-family : 'Robot'; src: url('Roboto-Medium-webfont.eot'); src: url('Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Medium-webfont.woff') format('woff'), url('Roboto- Medium-webfont.ttf') format('truetype'), url('Roboto-Medium-webfont.svg#RobotoMedium') format('svg'); font-vekt : 300; font-stil : normal; } @font-face { font-family : 'Robot'; src: url('Roboto-MediumItalic-webfont.eot'); src: url('Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-MediumItalic-webfont.woff') format('woff'), url('Roboto- MediumItalic-webfont.ttf') format('truetype'), url('Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg'); font-vekt : 300; skriftstil : kursiv;

Pass på at du endrer "src" til banen til fontmappen.

Deretter bruker du følgende syntaks for å vise Roboto-fonten på nettstedet ditt:

font-family :"Robot";

Håper du kan installere skriftene du liker.

Se mer:

• Nettstedet hjelper deg med å administrere alle fontene som er installert på datamaskinen din
• 5 nettsteder for å finne og laste ned gratis fonter
• Instruksjoner for nedlasting av et stort gratis skriftsett fra Google, som støtter vietnamesisk
• 8 verktøy for å "gjenkjenne" fonter som brukes på applikasjoner eller nettsteder