Roboto yazı tipi, Google tarafından oluşturulan sans-serif tarzı bir yazı tipidir. Bu yazı tipi, Android 4.0'ın (Ice Cream Sandwich) piyasaya sürülmesinin ilk günlerinden bu yana, Android telefonlar gibi yüksek çözünürlüklü ekranlarda şıklık ve iyi görünürlük avantajıyla ortaya çıktı .
Roboto'nun geniş bir yazı tipi yelpazesi vardır (normal, kalın, italik, italik ve kalın dahil) ve öncelikle sistem uygulamalarında ve tüm Google uygulamalarında kullanılır .
Bu yazı tipi severler için iyi bir haber var; Google geliştiricileri Roboto yazı tipini ücretsiz olarak yayınladı ve onu kısıtlama olmadan kullanabilirsiniz (Apache Yazılım Lisansı altında). Artık Windows , MAC , Linux ve hatta web sitenizde kullanabilirsiniz .
Yukarıda belirtilen tüm işletim sistemi platformlarına Google Roboto Font'un nasıl kurulacağı aşağıda açıklanmıştır.
Google Roboto'yu indirin
Hangi işletim sistemini kullanırsanız kullanın ilk ve en önemli şey Google Roboto yazı tipi setini cihazınıza indirmektir.
Roboto yazı tipi sitesini ziyaret edin ve yazı tipini (sıkıştırılmış dosya) indirin. “Bu Yazı Tipini Seç” seçeneğine tıklamanız ve ardından ekranın alt kısmında “1 Aile Seçildi” yazan karanlık sekmeye tıklamanız gerekiyor.
Yeni açılan sekmede Roboto yazı tipini indirmek için "indir" simgesine tıklayın. Yazı tipi seti daha sonra zip dosyası olarak indirilecektir.
Az önce indirdiğiniz zip dosyasını rastgele bir klasöre çıkarın. Bu klasörü açtığınızda içindeki tüm Roboto yazı tiplerini göreceksiniz.
Roboto Font'u Windows 10'a yükleyin
Roboto yazı tipi klasörünü açın. Tüm yazı tiplerini seçin, ardından sağ tıklayın ve “Yükle”yi seçin.
Bu noktada yazı tipi birkaç dakika sonra otomatik olarak sisteminize yüklenecektir. Artık Roboto yazı tipini cihazınızdaki uygulamalarda kullanabilirsiniz.
Roboto Font'u Linux'a yükleyin
Ana klasörünüzü açın ve ardından gizli dosyaları/klasörleri etkinleştirin. “.fonts” klasörünü bulun. Eğer yoksa “.fonts” uzantılı yeni bir klasör oluşturun. Daha sonra Roboto yazı tipini içeren klasörü yeni oluşturduğunuz “.fonts” klasörüne taşıyın.
Daha sonra LibreOffice, GIMP, Photoshop veya kullandığınız herhangi bir uygulamayı yeniden başlatın. Seçim için Roboto yazı tipinin göründüğünü göreceksiniz.
Roboto Font'u MAC'e yükleyin
MAC için yöntem Windows'takine benzer. Öncelikle yazı tipini çıkartın, yüklemek için çift tıklayın ve Roboto, Yazı Tipi Kitabı'nda görünecektir. senin. Ayrıca bunları Yazı Tipi Kitabınıza sürükleyip bırakabilirsiniz.
Web sitesi için Roboto Font'u yükleyin
Roboto yazı tipini web sitenizde kullanmak istiyorsanız CSS3 “@font-face” sözdizimini kullanabilirsiniz . Bu, harici yazı tiplerini web sitesine yerleştirme yöntemidir.
FontSquirrel Roboto yazı tipi sayfasına gidin , "Webfont Kiti" ne tıklayın , ardından beğendiğiniz yazı tipi formatlarını seçin ve "@Font-Face Kitini İndir"e tıklayın.
İndirilen dosyayı web sitenizin yazı tipi klasörüne açın. Daha sonra web sitenizdeki stil sayfasını açın ve aşağıdaki kodu ekleyin:
@font-face { font-ailesi : 'Robot'; src: url('Roboto-Normal-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'); yazı tipi ağırlığı : normal; yazı tipi stili : normal; } @font-face { font-ailesi : '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'); yazı tipi ağırlığı : normal; yazı tipi stili : italik; } @font-face { font-ailesi : '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- Kalın-webfont.ttf') format('truetype'), url('Roboto-Bold-webfont.svg#RobotoBold') format('svg'); yazı tipi ağırlığı : kalın; yazı tipi stili : normal; } @font-face { font-ailesi : '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'); yazı tipi ağırlığı : kalın; yazı tipi stili : italik; } @font-face { font-ailesi : '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'); yazı tipi ağırlığı : 200; yazı tipi stili : normal; } @font-face { font-ailesi : '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.ttf')svg#RobotoThinItalic') format('svg'); (Apache Yazılım Lisansı kapsamında). yazı tipi ağırlığı : 200; yazı tipi stili : italik; } @font-face { yazı tipi ailesi: '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'); yazı tipi ağırlığı : 100; yazı tipi stili : normal; } @font-face { font-ailesi : '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'); yazı tipi ağırlığı : 100; yazı tipi stili : italik; } @font-face { font-ailesi : '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'); yazı tipi ağırlığı : 300; yazı tipi stili : normal; } @font-face { font-ailesi : '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'); yazı tipi ağırlığı : 300; yazı tipi stili : italik;
"Src"yi yazı tipi klasörünün yolu olarak değiştirdiğinizden emin olun.
Daha sonra, Roboto yazı tipini web sitenizde görüntülemek için aşağıdaki sözdizimini kullanırsınız:
yazı tipi ailesi :"Robot";
Umarım beğendiğiniz yazı tiplerini yükleyebilirsiniz.
Daha fazla gör:
