Roboto-skrifttypen er et nytt sett med sans-serif-skrifttype laget av Google for Android 4.0 Ice Cream Sandwich-plattformen. Det er en fin og elegant skrift som gjør det bra på skjermbilder med høy oppløsning, for eksempel Android-telefoner og -tabletter. Den inneholder det fulle settet med skrifttypevekt (inkluderer vanlige, fet, kursiv og fet kursivvekt) og brukes hovedsakelig for systemprogrammer og alle Google-apper. Dette er også det første trinnet av Google for å forene plattformen og redusere UI-fragmenteringsproblemet.

For de som elsker skrifttypen og ønsker å bruke den på deres applikasjoner som Microsoft Word, Pages, Photoshop, Gimp eller til og med på deres nettsted, har Google gitt vennlig ut skriften gratis, og du kan nå bruke den uten noen begrensning (under Apache-programvarelisensen).

Slik kan du bruke det (nesten) overalt.

1. Først går du til Roboto-fontstedet og laster ned skrifttypen (zip-fil).

2. Trekk ut den zippede filen. Du bør se en mappe med navnet "Roboto_Hinted_20111129". Åpne mappen, og du bør se alle roboto-skrifter (i Apache-programvarelisensen). (Under Apache-programvarelisensen). (Under Apache-programvarelisensen) .avhengig vekt) i .ttf-format.

For Linux (Ubuntu):

Åpne din hjemmemappe og aktiver muligheten til å vise skjulte filer / mapper. Finn mappen " .fonts ". Hvis den ikke eksisterer, opprett den. Deretter flytter du Roboto- fontmappen til denne mappen " .fonts ".

Start på nytt LibreOffice, GIMP, Photoshop eller hva apps du bruker. Du bør se Roboto-fonten tilgjengelig for valg.

For Windows

Åpne mappen Roboto font. Velg alle skrifttyper. Høyreklikk musen og velg "Installer".

Dette vil installere skrifter til Windows-maskinen din. Du kan nå bruke Roboto-fonten i dine applikasjoner.

For Mac

Bare dra alle Roboto-skrifter til Font Book.

For Android Phone

Siden skrifttypen er et systemnivåprogram, kan du ikke endre fonten enkelt i din Android-telefon. For de som har en eldre Android-telefon (før Android 4.0 ICS), må du rote telefonen og installere Font Changer-appen Egendefinert Android Font Switcher.

Åpne filhåndteringsprogrammet ditt, naviger til roten til SD-kortet (/ sdcard) og opprett en mappe (hvis ikke finnes) ".fontchanger". Plasser alle Roboto-skriftene i denne mappen. Åpne Font Changer-appen og gi den SuperUser-tillatelsen. Når den er lastet, bør du se Roboto-skrift for valg i hovedmenyen.

For iOS

Det er ingen måte å endre iOS-systemfonten uten å jailbreaking enheten. Vær forberedt på å annullere garantien din.

1. Jailbreak iOS-enheten og installer BytaFont fra Cydia.

2. Gå deretter til "Cydia -> Seksjon -> Skrifter" og installer Roboto fonten

3. Til slutt, kjør BytaFont-appen, og du bør se Roboto-fonten i listen, klar til å bli brukt.

For Internett

Hvis du vil bruke Roboto-fonten på nettstedet ditt, kan du bruke CSS3 @ font-face syntaksen til å legge inn ekstern skrift på websiden din.

1. Gå til FontSquirrel Roboto skriftside og klikk på "@ font-face Kit" -linken. Last ned "@ font-face kit".

(under Apache Software License).

2. Trekk ut den zippede filen til nettstedet ditt. Åpne web stilark og legg til følgende kode:

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

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

Deretter kan du bruke syntaksen

 font-family: "Roboto";

for å vise Roboto skrift på din nettside.

Det er det. Nyt!