Czcionka Roboto to krój pisma bezszeryfowego stworzony przez Google. Ta czcionka pojawiała się od początków premiery Androida 4.0 (Ice Cream Sandwich) z zaletą elegancji i dobrej widoczności na ekranach o wysokiej rozdzielczości, takich jak telefony z Androidem .
Roboto ma pełną gamę krojów pisma (w tym zwykłe, pogrubione, kursywa, kursywa i pogrubienie) i jest używane głównie w aplikacjach systemowych i wszystkich aplikacjach Google .
Dla miłośników czcionek mamy dobrą wiadomość: programiści Google udostępnili czcionkę Roboto za darmo i można z niej korzystać bez ograniczeń (w ramach licencji oprogramowania Apache). Teraz możesz go używać w systemach Windows , MAC , Linux , a nawet na swojej stronie internetowej .
Poniżej opisano, jak zainstalować czcionkę Google Roboto na wszystkich powyższych platformach systemów operacyjnych.
Pobierz Google Roboto
Niezależnie od tego, jakiego systemu operacyjnego używasz, pierwszą i najważniejszą rzeczą jest pobranie zestawu czcionek Google Roboto na swoje urządzenie.
Odwiedź witrynę czcionek Roboto i pobierz czcionkę (skompresowany plik). Musisz kliknąć „Wybierz tę czcionkę”, a następnie na dole ekranu kliknąć ciemną zakładkę z napisem „Wybrano 1 rodzinę”.
W nowo otwartej zakładce kliknij ikonę „pobierz”, aby pobrać czcionkę Roboto. Zestaw czcionek zostanie następnie pobrany w postaci pliku ZIP.
Wyodrębnij właśnie pobrany plik zip do dowolnego folderu. Otwórz ten folder, a zobaczysz w nim wszystkie czcionki Roboto.
Zainstaluj czcionkę Roboto w systemie Windows 10
Otwórz folder czcionek Roboto. Wybierz wszystkie czcionki, kliknij prawym przyciskiem myszy i wybierz „Zainstaluj”.
W tym momencie czcionka zostanie automatycznie zainstalowana w systemie po kilku minutach. Teraz możesz używać czcionki Roboto w aplikacjach na swoim urządzeniu.
Zainstaluj czcionkę Roboto w systemie Linux
Otwórz folder domowy, a następnie włącz ukryte pliki/foldery. Znajdź folder „.fonts”. Jeśli go nie ma, utwórz nowy folder z rozszerzeniem „.fonts”. Następnie przenieś folder zawierający czcionkę Roboto do właśnie utworzonego folderu „.fonts”.
Następnie uruchom ponownie LibreOffice, GIMP, Photoshop lub inną aplikację, której używasz. Zobaczysz czcionkę Roboto do wyboru.
Zainstaluj czcionkę Roboto na komputerze Mac
W przypadku komputerów Mac metoda jest podobna do tej w systemie Windows. Najpierw wyodrębnij czcionkę, kliknij dwukrotnie, aby zainstalować, a Roboto pojawi się w Albumie z czcionkami. twój. Dodatkowo możesz także przeciągać i upuszczać je do swojego Albumu Czcionek.
Zainstaluj czcionkę Roboto na stronie internetowej
Jeżeli chcesz zastosować na swojej stronie czcionkę Roboto, możesz skorzystać ze składni CSS3 „@font-face” . Jest to metoda osadzania zewnętrznych czcionek na stronie internetowej.
Przejdź do strony czcionek FontSquirrel Roboto , kliknij „Webfont Kit” , następnie wybierz formaty czcionek, które lubisz i kliknij „Pobierz zestaw @Font-Face Kit”.
Rozpakuj pobrany plik do folderu czcionek swojej witryny. Następnie otwórz arkusz stylów na swojej stronie i dodaj następujący kod:
@font-face { rodzina czcionek : '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'); waga czcionki : normalna; styl czcionki : normalny; } @font-face { rodzina czcionek : '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'); waga czcionki : normalna; styl czcionki : kursywa; } @font-face { rodzina czcionek : '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'); grubość czcionki : pogrubiona; styl czcionki : normalny; } @font-face { rodzina czcionek : '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'); grubość czcionki : pogrubiona; styl czcionki : kursywa; } @font-face { rodzina czcionek : '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'); grubość czcionki : 200; styl czcionki : normalny; } @font-face { rodzina czcionek : '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'); (w ramach licencji oprogramowania Apache). grubość czcionki : 200; styl czcionki : kursywa; } @font-face { rodzina-czcionek: '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'); grubość czcionki : 100; styl czcionki : normalny; } @font-face { rodzina czcionek : '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'); grubość czcionki : 100; styl czcionki : kursywa; } @font-face { rodzina czcionek : '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'); grubość czcionki : 300; styl czcionki : normalny; } @font-face { rodzina czcionek : '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'); grubość czcionki : 300; styl czcionki : kursywa;
Upewnij się, że zmieniłeś „src” na ścieżkę folderu czcionek.
Następnie użyj następującej składni, aby wyświetlić czcionkę Roboto na swojej stronie internetowej:
rodzina czcionek :"Robot";
Mam nadzieję, że możesz zainstalować czcionki, które lubisz.
Zobacz więcej:
