Saltar al contenido

Vue cli y vuetify cómo usar con la fuente Roboto local

Estate atento porque en este post hallarás la respuesta que buscas.Esta reseña fue aprobado por nuestros expertos para asegurar la calidad y veracidad de nuestro post.

Solución:

Con Vue CLI 3 + Vuetify:

  • instalar tipografía-robot

      npm install --save typeface-roboto
    
  • en public/index.html, retirar

      
    
  • en src/App.vueagregar

      
    

Primer paquete de instalación typeface-roboto en su proyecto.

Luego impórtelo en su main.js/index.js/boot.js o lo que sea:

import 'typeface-roboto/index.css';

Por último, actualice su webpack.config.js para permitir el uso de los tipos de archivos de fuentes dentro de las reglas del módulo, es decir:

    module: 
        rules: [
            //other stuff
            eot
        ]
    ,

Los tipos de archivos de fuentes son woff, woff2, eot y ttf.

Te mostramos las reseñas y valoraciones de los usuarios

Puedes corroborar nuestro ensayo escribiendo un comentario y valorándolo te damos la bienvenida.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *