Fontul Roboto este un tip de tip sans-serif creat de Google. Acest font a apărut încă de la începuturile lansării Android 4.0 (Ice Cream Sandwich) cu avantajul eleganței și vizibilității bune pe ecrane de înaltă rezoluție precum telefoanele Android .
Roboto are o gamă completă de fonturi (inclusiv obișnuite, aldine, cursive, cursive și aldine) și este folosit în principal în aplicațiile de sistem și în toate aplicațiile Google .
Există o veste bună pentru acești iubitori de fonturi, că dezvoltatorii Google au lansat fontul Roboto gratuit și îl puteți folosi fără restricții (sub Licența Apache Software). Deci acum îl puteți folosi pe Windows , MAC , Linux sau chiar pe site-ul dvs. web.
Mai jos este cum să instalați fontul Google Roboto pe toate platformele de sisteme de operare de mai sus.
Descărcați Google Roboto
Indiferent de sistemul de operare pe care îl utilizați, primul și cel mai important lucru este să descărcați fontul Google Roboto pe dispozitiv.
Vizitați site-ul de fonturi Roboto și descărcați fontul (fișier comprimat). Trebuie să faceți clic pe „Selectați acest font”, apoi, în partea de jos a ecranului, faceți clic pe fila întunecată care spune „1 familie selectată”.
În fila nou deschisă, faceți clic pe pictograma „descărcare” pentru a descărca fontul Roboto. Setul de fonturi va fi apoi descărcat ca fișier zip.
Extrageți fișierul zip pe care tocmai l-ați descărcat într-un folder arbitrar. Deschideți acel folder și veți vedea toate fonturile Roboto în interior.
Instalați fontul Roboto pe Windows 10
Deschideți folderul cu fonturi Roboto. Selectați toate fonturile, apoi faceți clic dreapta și selectați „Instalare”.
În acest moment, fontul va fi instalat automat pe sistemul dumneavoastră după câteva minute. Acum puteți utiliza fontul Roboto în aplicațiile de pe dispozitiv.
Instalați fontul Roboto pe Linux
Deschideți folderul de acasă și apoi activați fișierele/directoarele ascunse. Găsiți folderul „.fonts”. Dacă nu există unul, creați un folder nou cu extensia „.fonts”. Apoi, mutați folderul care conține fontul Roboto în folderul „.fonts” pe care tocmai l-ați creat.
Apoi, reporniți LibreOffice, GIMP, Photoshop sau orice aplicație pe care o utilizați. Veți vedea fontul Roboto care apare pentru selecție.
Instalați fontul Roboto pe MAC
Pentru MAC, metoda este similară cu cea de pe Windows. Mai întâi extrageți fontul, faceți dublu clic pentru a instala și Roboto va apărea în Font Book. ta. În plus, le puteți, de asemenea, să le trageți și să le plasați în Cartea de fonturi.
Instalați fontul Roboto pentru site-ul web
Dacă doriți să utilizați fontul Roboto pe site-ul dvs., puteți utiliza sintaxa CSS3 „@font-face” . Aceasta este metoda de a încorpora fonturi externe în site-ul web.
Accesați pagina de fonturi FontSquirrel Roboto , faceți clic pe „Webfont Kit” , apoi selectați formatele de font care vă plac și faceți clic pe „Descărcați @Font-Face Kit”.
Dezarhivați fișierul descărcat în folderul cu fonturi pentru site-ul dvs. Apoi deschideți foaia de stil pe site-ul dvs. și adăugați următorul cod:
@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; stil font : 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; font-style : italic; } @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'); font-weight : bold; stil font : 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 : bold; font-style : italic; } @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'); greutate font : 200; stil font : 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'); (sub licența software Apache). greutate font : 200; font-style : italic; } @font-face { familie de fonturi: „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'); greutate font : 100; stil font : 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'); greutate font : 100; font-style : italic; } @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'); greutate font : 300; stil font : 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'); greutate font : 300; font-style : italic;
Asigurați-vă că schimbați „src” în calea folderului cu fonturi.
Apoi, utilizați următoarea sintaxă pentru a afișa fontul Roboto pe site-ul dvs. web:
font-family :"Robot";
Sper că puteți instala fonturile care vă plac.
Vezi mai mult:
