La fuente Roboto es un tipo de letra de estilo sans-serif creado por Google. Esta fuente ha aparecido desde los primeros días del lanzamiento de Android 4.0 (Ice Cream Sandwich) con la ventaja de ser elegante y buena visibilidad en pantallas de alta resolución como los teléfonos Android .
Roboto tiene una gama completa de tipos de letra (incluidos regular, negrita, cursiva, cursiva y negrita) y se usa principalmente en aplicaciones del sistema y en todas las aplicaciones de Google .
Hay buenas noticias para estos amantes de las fuentes: los desarrolladores de Google han lanzado la fuente Roboto de forma gratuita y pueden usarla sin restricciones (bajo la licencia de software Apache). Ahora puedes usarlo en Windows , MAC , Linux o incluso en tu sitio web .
A continuación se explica cómo instalar Google Roboto Font en todas las plataformas de sistemas operativos anteriores.

Descargar Google Roboto
No importa qué sistema operativo utilices, lo primero y más importante es descargar la fuente Google Roboto configurada en tu dispositivo.
Visite el sitio de fuentes Roboto y descargue la fuente (archivo comprimido). Debes hacer clic en "Seleccionar esta fuente" y luego, en la parte inferior de la pantalla, hacer clic en la pestaña oscura que dice "1 familia seleccionada".
En la pestaña recién abierta, haga clic en el ícono "descargar" para descargar la fuente Roboto. Luego, el conjunto de fuentes se descargará como un archivo zip.
Extraiga el archivo zip que acaba de descargar en una carpeta arbitraria. Abre esa carpeta y verás todas las fuentes de Roboto dentro.
Instalar la fuente Roboto en Windows 10
Abra la carpeta de fuentes Roboto. Seleccione todas las fuentes, luego haga clic derecho y seleccione "Instalar".
En este punto, la fuente se instalará automáticamente en su sistema después de unos minutos. Ahora puede utilizar la fuente Roboto en aplicaciones de su dispositivo.
Instalar la fuente Roboto en Linux
Abra su carpeta de inicio y luego habilite archivos/carpetas ocultos. Busque la carpeta ".fonts". Si no hay ninguna, cree una nueva carpeta con la extensión “.fonts”. Luego, mueva la carpeta que contiene la fuente Roboto a la carpeta ".fonts" que acaba de crear.
A continuación, reinicie LibreOffice, GIMP, Photoshop o cualquier aplicación que esté utilizando. Verá aparecer la fuente Roboto para su selección.
Instalar la fuente Roboto en MAC
Para MAC, el método es similar al de Windows. Primero extrae la fuente, haz doble clic para instalarla y Roboto aparecerá en Font Book. su. Además, también puedes arrastrarlos y soltarlos en tu Libro Tipográfico.
Instalar la fuente Roboto para el sitio web
Si desea utilizar la fuente Roboto en su sitio web, puede utilizar la sintaxis CSS3 “@font-face” . Este es el método para incrustar fuentes externas en el sitio web.
Vaya a la página de fuentes FontSquirrel Roboto , haga clic en "Webfont Kit" , luego seleccione los formatos de fuente que desee y haga clic en "Descargar @Font-Face Kit".
Descomprima el archivo descargado en la carpeta de fuentes de su sitio web. Luego abra la hoja de estilo en su sitio web y agregue el siguiente código:
@font-face { font-family : 'Robot'; src: url('Roboto-Regular-webfont.eot'); src: url('Roboto-Regular-webfont.eot?#iefix') formato('embedded-opentype'), url('Roboto-Regular-webfont.woff') formato('woff'), url('Roboto- Regular-webfont.ttf') formato('truetype'), url('Roboto-Regular-webfont.svg#RobotoRegular') formato('svg'); peso de fuente : normal; estilo de fuente : normal; } @font-face { font-family : 'Robot'; src: url('Roboto-Italic-webfont.eot'); src: url('Roboto-Italic-webfont.eot?#iefix') formato('embedded-opentype'), url('Roboto-Italic-webfont.woff') formato('woff'), url('Roboto- Cursiva-webfont.ttf') formato('truetype'), url('Roboto-Italic-webfont.svg#RobotoItalic') formato('svg'); peso de fuente : normal; estilo de fuente : cursiva; } @font-face { font-family : 'Robot'; src: url('Roboto-Bold-webfont.eot'); src: url('Roboto-Bold-webfont.eot?#iefix') formato('embedded-opentype'), url('Roboto-Bold-webfont.woff') formato('woff'), url('Roboto- Bold-webfont.ttf') formato('truetype'), url('Roboto-Bold-webfont.svg#RobotoBold') formato('svg'); peso de fuente : negrita; estilo de fuente : normal; } @font-face { font-family : 'Robot'; src: url('Roboto-BoldItalic-webfont.eot'); src: url('Roboto-BoldItalic-webfont.eot?#iefix') formato('embedded-opentype'), url('Roboto-BoldItalic-webfont.woff') formato('woff'), url('Roboto- BoldItalic-webfont.ttf') formato('truetype'), url('Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') formato('svg'); peso de fuente : negrita; estilo de fuente : cursiva; } @font-face { font-family : 'Robot'; src: url('Roboto-Thin-webfont.eot'); src: url('Roboto-Thin-webfont.eot?#iefix') formato('embedded-opentype'), url('Roboto-Thin-webfont.woff') formato('woff'), url('Roboto- Thin-webfont.ttf') formato('truetype'), url('Roboto-Thin-webfont.svg#RobotoThin') formato('svg'); peso de fuente : 200; estilo de fuente : normal; } @font-face { font-family : 'Robot'; src: url('Roboto-ThinItalic-webfont.eot'); src: url('Roboto-ThinItalic-webfont.eot?#iefix') formato('embedded-opentype'), url('Roboto-ThinItalic-webfont.woff') formato('woff'), url('Roboto- ThinItalic-webfont.ttf') formato('truetype'), url('Roboto-ThinItalic-webfont.formato svg#RobotoThinItalic')('svg'); (bajo la licencia de software Apache). peso de fuente : 200; estilo de fuente : cursiva; } @font-face { familia-fuente: 'Robot'; src: url('Roboto-Light-webfont.eot'); src: url('Roboto-Light-webfont.eot?#iefix') formato('embedded-opentype'), url('Roboto-Light-webfont.woff') formato('woff'), url('Roboto- Light-webfont.ttf') formato('truetype'), url('Roboto-Light-webfont.svg#RobotoLight') formato('svg'); peso de fuente : 100; estilo de fuente : normal; } @font-face { font-family : 'Robot'; src: url('Roboto-LightItalic-webfont.eot'); src: url('Roboto-LightItalic-webfont.eot?#iefix') formato('embedded-opentype'), url('Roboto-LightItalic-webfont.woff') formato('woff'), url('Roboto- LightItalic-webfont.ttf') formato('truetype'), url('Roboto-LightItalic-webfont.svg#RobotoLightItalic') formato('svg'); peso de fuente : 100; estilo de fuente : cursiva; } @font-face { font-family : 'Robot'; src: url('Roboto-Medium-webfont.eot'); src: url('Roboto-Medium-webfont.eot?#iefix') formato('embedded-opentype'), url('Roboto-Medium-webfont.woff') formato('woff'), url('Roboto- Medium-webfont.ttf') formato('truetype'), url('Roboto-Medium-webfont.svg#RobotoMedium') formato('svg'); peso de fuente : 300; estilo de fuente : normal; } @font-face { font-family : 'Robot'; src: url('Roboto-MediumItalic-webfont.eot'); src: url('Roboto-MediumItalic-webfont.eot?#iefix') formato('embedded-opentype'), url('Roboto-MediumItalic-webfont.woff') formato('woff'), url('Roboto- MediumItalic-webfont.ttf') formato('truetype'), url('Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') formato('svg'); peso de fuente : 300; estilo de fuente : cursiva;
Asegúrese de cambiar "src" a la ruta de la carpeta de fuentes.
A continuación, utiliza la siguiente sintaxis para mostrar la fuente Roboto en su sitio web:
familia de fuentes : "Robot";
Espero que puedas instalar las fuentes que te gusten.
Ver más: