Cómo instalar la fuente Google Roboto en Windows, Mac y Linux

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.

Cómo instalar la fuente Google Roboto en Windows, Mac y Linux

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:

Dejar un comentario

¿Qué es Mac OS X FileVault y cómo usarlo?

¿Qué es Mac OS X FileVault y cómo usarlo?

En realidad, una contraseña sólo impide que alguien intente iniciar sesión y acceder al sistema operativo, pero su disco duro no está cifrado como tal. Con un disco de arranque de Ubuntu, o quitando el disco duro, todos podrán acceder a todos los archivos de su computadora. Sólo cifrando manualmente los archivos de su disco duro podrá mantenerlos realmente seguros. Ahí es donde entra en juego Mac OS X FileVault.

Cómo instalar la fuente Google Roboto en Windows, Mac y Linux

Cómo instalar la fuente Google Roboto en Windows, Mac y Linux

La fuente Roboto es un tipo de letra de estilo sans-serif creado por Google.

Cómo escribir guiones largos (em dash) en Windows o Mac

Cómo escribir guiones largos (em dash) en Windows o Mac

Quiere escribir un guión largo “—”, llamado guión largo en su PC con Windows o Mac, pero no puede encontrarlo en el teclado, entonces, ¿qué hacer?

Truco para ocultar archivos o carpetas en Windows, Mac OS X y Linux

Truco para ocultar archivos o carpetas en Windows, Mac OS X y Linux

Ocultar u ocultar una carpeta o archivo en su computadora garantiza en parte la seguridad de la información contenida en esa carpeta o archivo para que otros no la encuentren.

Cómo ejecutar programas de Windows en Mac

Cómo ejecutar programas de Windows en Mac

La máquina virtual de Widows le permite ejecutar muchas aplicaciones y software de Windows. Sin embargo, si la aplicación que desea ejecutar requiere toda la potencia de la Mac, no tener suficiente energía en la máquina virtual provocará algunos errores graves. En este caso puedes utilizar el Asistente Boot Camp. Boot Camp Assistant es una utilidad integrada por Apple en Mac, que permite a los usuarios realizar un arranque dual de Mac con Windows.

2 formas de ver y leer la dirección MAC en computadoras con Windows 10 y macOS

2 formas de ver y leer la dirección MAC en computadoras con Windows 10 y macOS

La dirección MAC es un identificador único, o identificador de dispositivo, asignado por los fabricantes a cada dispositivo. La dirección MAC tiene una longitud de 48 bits.

Cómo olvidar/eliminar la red WiFi en Mac

Cómo olvidar/eliminar la red WiFi en Mac

Este artículo lo guiará a través de los sencillos pasos que debe seguir para eliminar (olvidar) una red WiFi previamente conectada en su Mac.

Cómo cancelar la suscripción de almacenamiento de iCloud

Cómo cancelar la suscripción de almacenamiento de iCloud

Darse de baja del servicio iCloud Storage es muy sencillo.

Cómo desactivar los puertos USB en Windows, Mac y Linux

Cómo desactivar los puertos USB en Windows, Mac y Linux

Ahora ya sabe que el uso de dispositivos de almacenamiento USB en su computadora conlleva muchos riesgos potenciales de seguridad. Si teme el riesgo de ser infectado con malware, como troyanos, registradores de pulsaciones de teclas o ransomware, debe desactivar por completo los dispositivos de almacenamiento USB si el sistema tiene muchos datos confidenciales.

Cómo cambiar el DPI (sensibilidad del mouse) del mouse en la computadora

Cómo cambiar el DPI (sensibilidad del mouse) del mouse en la computadora

DPI (puntos por pulgada) es una unidad de medida de la sensibilidad de un mouse de computadora. Cuanto mayor sea el DPI, más tiempo podrá moverse el cursor en la pantalla cada vez que se mueva el mouse.