Utilizando fuente de letra Roboto

En CSS, una familia o grupo de tipos de letra (o Face en HTML) se compone de un conjunto de tipos de letra afines, agrupados como familias. Por ejemplo, la familia Times incluye diferentes tamaños, estilos (como romana {redondeada} y la cursiva {itálica}), y grosor (como normal y negrita). El navegador web sólo podrá aplicar un tipo de letra si está instalado en el sistema desde el cual se opera, lo cual no es siempre el caso. Los diseñadores en código HTML pueden listar la familia de tipos de letra sin adjudicarles preferencias, para ser usadas cuando se muestra el texto. En lista, los diferentes tipos de letra están separados por comas, como se vio más arriba.

Para evitar resultados inesperados, la última familia de tipo de letra en la lista de ha de ser una de las cinco familias genéricas que están disponibles predeterminadamente en HTML y en CSS. Si el navegador no encuentra el tipo de letra especificado, utilizará aquellos tipos de letra predeterminados, que pueden haber sido definidos por el usuario. Dependiendo del navegador web, un usuario puede anular el tipo de letra definido por el escritor del código. Esto puede deberse por razones de gusto personal, pero también pude ser debido a alguna limitación visual del usuario, tales como la necesidad de un tamaño de letra mayor o a que debe evitar ciertos colores.