Stack Overflow
Stack Overflow

Questions tagged [roboto]

roboto is a Google font family.

Roboto is a Google font family.

Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves.

Roboto has been the standard typeface on Android. Since Froyo, Noto has been the standard typeface on Android for all languages not covered by Roboto. Noto is also the standard typeface for all languages on Chrome OS.

Google recommends using Roboto for languages that use the Latin, Greek, and Cyrillic scripts and Noto for all other languages.

Useful links

81 questions
74
votes
8 answers

How to include Roboto font in webpack build for Material UI?

For a progressive web app based on Material UI (React) and built with Webpack, how do I properly include Roboto font(s) so that the app does not depend on Google servers and fonts also work offline ? The installation page just references the Google…
Udo G
  • 12,572
  • 13
  • 56
  • 89
70
votes
1 answer

What is the default font family in Android?

Starting in API 16, Jellybean Roboto was introduced as available font family to use. See whats "new" in Android 16 here. Specifying android:fontFamily="sans-serif"(Roboto in API 16+) on a TextView the default fontFamily of the TextView? Is…
Jared Burrows
  • 54,294
  • 25
  • 151
  • 185
40
votes
2 answers

How to use Roboto in xml layout

I hear it often nowadays: “Roboto is the default font type”. But how do I use this default font type? What I mean specifically is that in the old days when I used to download the assets, etc., I used to have to specify things like
Nouvel Travay
  • 6,292
  • 13
  • 40
  • 65
17
votes
2 answers

Vue cli and vuetify how to use with local Roboto font

I have a Vue / Vuetify application under development created with the VUE CLI 3.x and would like to serve the Roboto font locally, not via Google cdn. Has anyone accomplished this via webpack and the vue cli generated vuetify app project and if so…
JohnC
  • 3,938
  • 7
  • 41
  • 48
14
votes
8 answers

Roboto font in Chrome is not shown properly

I've been working for a client site and I have problem with rendering of Roboto font. In Chrome (ver. 43.0.2357.65 m) all the various weights of Roboto looks same. Here is the example: Left is Mozilla Firefox, right is…
Kailo
  • 435
  • 1
  • 4
  • 12
10
votes
6 answers

Font family Roboto light and bold in react native

I',m making some changes to the text in my react native application: I need to specify Roboto light for paragraphs and Roboto Bold for titles. I need to have the same look of the text in both iOS and Android apps: so I need to make it work for…
user3521011
  • 1,481
  • 5
  • 20
  • 35
8
votes
4 answers

Material Icons and Roboto not loaded in Safari - only Safari

as you can see in the screenshot the icons and the font are not loaded correctly. Our observation is that this only does not work in Safari. No matter if we are testing on iPhone or on a Mac. The fonts are loaded as follows:
Daniel
  • 9,491
  • 12
  • 50
  • 66
5
votes
2 answers

Roboto font not working in Safari or Mobile browsers after deployment on Netlify

Pulling my hair out here. I'm new to React, I have my font family in my css like this. Everything is fine on localhost but when I deploy, the Roboto font doesnt work on safari or mobile browsers... any help would be greatly appreciated Thanks * { …
ryan.
  • 97
  • 2
  • 7
5
votes
3 answers

Failed to decode OpenType Roboto

I followed instructions on the google/roboto repository, but no OTF file can be used as webfont. The only feedback I can get is Chrome saying Failed to decode downloaded font. OTS says everything is fine. Why is that and how can I use Roboto…
MatTheCat
  • 18,071
  • 6
  • 54
  • 69
5
votes
1 answer

Use Roboto font in IE 11 / Edge

I want to use the google Roboto font, but it looks like very ugly in IE11 / Edge. Here is my example code:
user1552545
  • 1,233
  • 3
  • 15
  • 33
3
votes
1 answer

Adjust dash, ndash and mdash length in the font

I'm using the Roboto Family of fonts. In general, it fits perfectly to all my needs except one. The length difference between ndash and mdash is to small. It is a very important aspect, because as a part of our services - we are helping editors,…
aztechowski
  • 113
  • 7
3
votes
0 answers

Roboto font rendering poorly in new-look Gmail (Mac)

The new-look Gmail has just been released and it replaces Arial in its UI with Roboto throughout. Roboto renders fine in other apps (Drive, e.g.) but in the new Gmail (both Chrome and Safari) the font rendering is blurry, with varying thicknesses,…
Steve Ball
  • 31
  • 2
3
votes
0 answers

Build fails when loading Roboto typeface

Following Material UI's getting started guide, I have installed typeface-roboto in my repository like so: npm install typeface-roboto Index.js is the entry point of my React application: import React from 'react' import { render } from…
Rens Verhage
  • 5,688
  • 4
  • 33
  • 51
3
votes
2 answers

Missing fonts folder in bower Materialize

I just included Materialize in my project using bower, but unfortunately the fonts folder is keep missing from ./bower_components/materialize/dist/. This is my bower.json { "name": "teahrm", "authors": [ "Yusuf Ibrahim…
Yusuf Ibrahim
  • 1,591
  • 5
  • 21
  • 46
3
votes
1 answer

Roboto font issue in chrome

I'm having the issue in chrome with Roboto font family. This works fine in firefox but chrome is not giving letter spacing between F and L as you can see in pictures. In chrome : In firefox :
Jimish Fotariya
  • 1,004
  • 8
  • 21
1
2 3 4 5 6