Fon Roboto ialah muka taip gaya sans-serif yang dicipta oleh Google. Fon ini telah muncul sejak hari-hari awal pelancaran Android 4.0 (Ice Cream Sandwich) dengan kelebihan keanggunan dan keterlihatan yang baik pada skrin resolusi tinggi seperti telefon Android .
Roboto mempunyai rangkaian penuh muka taip (termasuk biasa, tebal, condong, condong dan tebal) dan digunakan terutamanya pada apl sistem dan semua apl Google .
Terdapat berita baik untuk pencinta fon ini, bahawa pembangun Google telah mengeluarkan fon Roboto secara percuma dan anda boleh menggunakannya tanpa sekatan (di bawah Lesen Perisian Apache). Jadi sekarang anda boleh menggunakannya pada Windows , MAC , Linux atau pun di tapak web anda .
Di bawah ialah cara memasang Google Roboto Font pada semua platform sistem pengendalian di atas.
Muat turun Google Roboto
Tidak kira sistem pengendalian yang anda gunakan, perkara pertama dan paling penting ialah memuat turun set fon Google Roboto ke peranti anda.
Lawati tapak fon Roboto dan muat turun fon (fail termampat). Anda perlu mengklik pada "Pilih Fon ini" dan kemudian di bahagian bawah skrin, klik pada tab gelap yang mengatakan "1 Keluarga Dipilih".
Dalam tab yang baru dibuka, klik ikon "muat turun" untuk memuat turun fon Roboto. Set fon kemudiannya akan dimuat turun sebagai fail zip.
Ekstrak fail zip yang baru anda muat turun ke dalam folder sewenang-wenangnya. Buka folder itu dan anda akan melihat semua fon Roboto di dalamnya.
Pasang Roboto Font pada Windows 10
Buka folder fon Roboto. Pilih semua fon, kemudian klik kanan dan pilih "Pasang".
Pada ketika ini, fon akan dipasang secara automatik pada sistem anda selepas beberapa minit. Kini anda boleh menggunakan fon Roboto pada aplikasi pada peranti anda.
Pasang Roboto Font pada Linux
Buka folder rumah anda dan kemudian dayakan fail/folder tersembunyi. Cari folder ".fonts". Jika tiada satu, buat folder baharu dengan sambungan “.fonts”. Seterusnya, alihkan folder yang mengandungi fon Roboto ke dalam folder ".fonts" yang baru anda buat.
Seterusnya, mulakan semula LibreOffice, GIMP, Photoshop atau apa sahaja aplikasi yang anda gunakan. Anda akan melihat fon Roboto muncul untuk pemilihan.
Pasang Roboto Font pada MAC
Untuk MAC, kaedahnya serupa dengan yang terdapat pada Windows. Mula-mula anda mengekstrak fon, klik dua kali untuk memasang dan Roboto akan muncul dalam Buku Fon. awak. Selain itu, anda juga boleh menyeret dan melepaskannya ke dalam Buku Fon anda.
Pasang Roboto Font untuk tapak web
Jika anda ingin menggunakan fon Roboto di tapak web anda, anda boleh menggunakan sintaks "@font-face" CSS3 . Ini ialah kaedah untuk membenamkan fon luaran ke dalam laman web.
Pergi ke halaman fon FontSquirrel Roboto , klik "Webfont Kit" , kemudian pilih format fon yang anda suka dan klik "Muat turun @Font-Face Kit."
Nyahzip fail yang dimuat turun ke dalam folder fon untuk tapak web anda. Kemudian buka lembaran gaya pada tapak web anda dan tambahkan kod berikut:
@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; gaya fon : biasa; } @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; gaya fon : condong; } @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 : tebal; gaya fon : biasa; } @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 : tebal; gaya fon : condong; } @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'); berat fon : 200; gaya fon : biasa; } @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'); (di bawah Lesen Perisian Apache). berat fon : 200; gaya fon : condong; } @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- Format Light-webfont.ttf')('truetype'), url('Roboto-Light-webfont.svg#RobotoLight') format('svg'); berat fon : 100; gaya fon : biasa; } @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'); berat fon : 100; gaya fon : condong; } @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'); berat fon : 300; gaya fon : biasa; } @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'); berat fon : 300; gaya fon : condong;
Pastikan anda menukar "src" ke laluan folder fon.
Seterusnya, anda menggunakan sintaks berikut untuk memaparkan fon Roboto di tapak web anda:
font-family :"Robot";
Harap anda boleh memasang fon yang anda suka.
Lihat lagi:
