Animaciones web online.

animaciones web facilmente

Crea estupendas animaciones web con figuras svg, paso a paso esplicando el código

Crear animaciones

Pagina creada por josé manuel Mateos Terrén .

INICIO Nosotros Crea animaciones online

Importar fuentes svg para animaciones web

Fuentes google para animaciones web html5

Importa fuentes para animaciones web css

Una forma mas interesante de hacer rótulos svg y después esos rótulos poderlos animar para nuestra web ,es utilizar fuentes externas para nuestros gráficos svg

Para ello tenemos que importa previamente nuestra fuente

Haremos un ejemplo de cómo importar fuentes de gloogle

  • Entramos en fuentes Google
  • Seleccionamos las fuestes que deseamos importar a nuestro rótulo pinchando en la cruz que aparece
  • Se nos ira abriendo un cartel con los link de las fuentes que hemos agregado
  • En ese cuadro también nos indica como nos debemos referir a esa fuente a la hora de llamarla en nuestro css style con la propiededad Font-family
En el código podemos observar dos etiquetas text con el contenido de nuestra frase y con la propiedad family con el nombre de nuestra fuente en este caso la “Sacramento” y otra con “Poiret One” Previamente en el código hemos importado esas fuentes desde google
Ejemplo de fuente "Poiret One" fuente "sacramento"

link al código en codepen