Agregar fuentes personalizadas - Ayuda de Framer

Last updated on 10/18/2025@mrbirddev
Agregar fuentes personalizadas - Ayuda de Framer

Framer ofrece una variedad de fuentes web integradas y te permite seleccionar fuentes de Google y Fontshare directamente dentro del selector. Si una tipografía que necesitas no está soportada por Framer, puedes subir tus propias fuentes personalizadas.

Sube y usa tu propia fuente personalizada

Sigue estos pasos para subir y usar una fuente personalizada en tu proyecto:

  1. Añade texto a tu proyecto.
  2. Abre el panel de propiedades a la derecha y selecciona la fuente del selector.
  3. Ve a la pestaña Personalizado.
  4. Haz clic en Subir.
  5. Elige el archivo de fuente desde tu computadora.
  6. La fuente ahora aparecerá en la pestaña Personalizado.
  7. Selecciona la fuente subida desde la pestaña Personalizado para aplicarla a cualquier capa de texto en tu proyecto.

La imagen muestra una interfaz de software de diseño gráfico con un panel de fuentes y texto, que presenta opciones personalizables de fuente, tamaño, color, alineación y estilo, permitiendo a los usuarios subir fuentes desde su computadora para usarlas en proyectos.

Importar fuentes desde Figma

Las fuentes personalizadas de proyectos de Figma pueden cambiar a la fuente estándar de Framer porque la fuente personalizada original no está disponible. Para solucionar esto, sube la fuente personalizada a tu proyecto en Framer. Luego, selecciona las capas de texto y vuelve a aplicar la fuente eligiendo la fuente personalizada recién subida.

Nota: Asegúrate de tener la licencia adecuada de la fuente para tu sitio. Para un mejor rendimiento, utiliza el formato de fuente .woff2, ya que está optimizado para una carga más rápida.

Volver a la ayuda de Framer

Last updated on 10/18/2025@mrbirddev
Recent Articles
Loading...