Roboto- lettertype is een schreefloos lettertype gemaakt door Google. Dit lettertype is verschenen sinds de begindagen van de lancering van Android 4.0 (Ice Cream Sandwich) met het voordeel van elegantie en goede zichtbaarheid op schermen met hoge resolutie, zoals Android -telefoons .
Roboto heeft een volledig assortiment lettertypen (inclusief normaal, vet, cursief, cursief en vet) en wordt voornamelijk gebruikt in systeemapps en alle Google- apps .
Er is goed nieuws voor deze lettertypeliefhebbers: Google-ontwikkelaars hebben het Roboto-lettertype gratis uitgebracht en je kunt het zonder beperkingen gebruiken (onder de Apache-softwarelicentie). U kunt het nu dus gebruiken op Windows , MAC , Linux of zelfs op uw website .
Hieronder ziet u hoe u Google Roboto Font op alle bovengenoemde besturingssysteemplatforms installeert.
Google Roboto downloaden
Welk besturingssysteem u ook gebruikt, het eerste en belangrijkste is dat u de Google Roboto-lettertypeset naar uw apparaat downloadt.
Bezoek de Roboto-lettertypesite en download het lettertype (gecomprimeerd bestand). U moet op "Selecteer dit lettertype" klikken en vervolgens onderaan het scherm op het donkere tabblad klikken met de tekst "1 familie geselecteerd".
Klik in het nieuw geopende tabblad op het pictogram "downloaden" om het Roboto-lettertype te downloaden. De lettertypeset wordt vervolgens als zip-bestand gedownload.
Pak het zipbestand dat u zojuist hebt gedownload uit in een willekeurige map. Open die map en je ziet alle Roboto-lettertypen erin.
Installeer Roboto-lettertype op Windows 10
Open de map Roboto-lettertypen. Selecteer alle lettertypen, klik met de rechtermuisknop en selecteer “Installeren”.
Op dit punt wordt het lettertype na een paar minuten automatisch op uw systeem geïnstalleerd. Nu kunt u het Roboto-lettertype gebruiken in applicaties op uw apparaat.
Installeer Roboto-lettertype op Linux
Open uw thuismap en schakel vervolgens verborgen bestanden/mappen in. Zoek de map ".fonts". Als die er niet is, maak dan een nieuwe map aan met de extensie “.fonts”. Verplaats vervolgens de map met het Roboto-lettertype naar de map ".fonts" die u zojuist hebt gemaakt.
Start vervolgens LibreOffice, GIMP, Photoshop of welke applicatie u ook gebruikt opnieuw. U zult het Roboto-lettertype ter selectie zien verschijnen.
Installeer Roboto-lettertype op MAC
Voor MAC is de methode vergelijkbaar met die voor Windows. Eerst pak je het lettertype uit, dubbelklik om te installeren en Roboto verschijnt in Lettertypecatalogus. jouw. Bovendien kunt u ze ook naar uw Lettertypecatalogus slepen en neerzetten.
Installeer Roboto Font voor website
Als u het Roboto-lettertype op uw website wilt gebruiken, kunt u de CSS3- syntaxis “@font-face” gebruiken . Dit is de methode om externe lettertypen in de website in te sluiten.
Ga naar de FontSquirrel Roboto- lettertypepagina , klik op 'Webfont Kit' , selecteer vervolgens de gewenste lettertypeformaten en klik op 'Download @Font-Face Kit'.
Pak het gedownloade bestand uit in de map met lettertypen voor uw website. Open vervolgens de stylesheet op uw website en voeg de volgende code toe:
@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- Normaal-webfont.ttf') formaat('truetype'), url('Roboto-Regular-webfont.svg#RobotoRegular') formaat('svg'); lettertypegewicht : normaal; lettertype : normaal; } @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'); lettertypegewicht : normaal; lettertype : cursief; } @font-face { font-family : 'Robot'; src: url('Roboto-Bold-webfont.eot'); src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Bold-webfont.woff') format('woff'), url('Roboto- Bold-webfont.ttf') format('truetype'), url('Roboto-Bold-webfont.svg#RobotoBold') format('svg'); lettertypegewicht : vet; lettertype : normaal; } @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'); lettertypegewicht : vet; lettertype : cursief; } @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'); lettertypegewicht : 200; lettertype : normaal; } @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') formaat('svg'); (onder de Apache-softwarelicentie). lettertypegewicht : 200; lettertype : cursief; } @font-face { lettertype-familie: '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'); lettertypegewicht : 100; lettertype : normaal; } @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'); lettertypegewicht : 100; lettertype : cursief; } @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'); lettertypegewicht : 300; lettertype : normaal; } @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'); lettertypegewicht : 300; lettertype : cursief;
Zorg ervoor dat u "src" wijzigt in het pad van de lettertypemap.
Vervolgens gebruikt u de volgende syntaxis om het Roboto-lettertype op uw website weer te geven:
lettertypefamilie :"Robot";
Ik hoop dat je de lettertypen kunt installeren die je leuk vindt.
Bekijk meer:
