Squarespace ofrece una cantidad razonable de opciones de fuentes para sus usuarios. Sin embargo, si prefieres tener fuentes personalizadas específicas como parte de sus esfuerzos de marca y marketing, es probable que no estén disponibles en la opción Estilo del sitio.
Pero no te preocupes todavía. Después de todo, es bastante fácil cambiar y agregar fuentes a Squarespace.
En este post te mostraremos cómo agregar fuentes personalizadas a Squarespace. También encontrará una lista de los mejores fuentes de Squarespace.
¿Cómo funcionan las fuentes en Squarespace?
Squarespace viene con una gran lista de fuentes preinstaladas. Estos incluyen 1000 Adobe Fonts y 600 Google Fonts. Así que probablemente no se quedará sin fuentes para usar en su sitio web. Puedes aplicarlos usando los editores de estilo de Squarespace.
Squarespace proporciona las siguientes funciones relacionadas con el uso de fuentes en su sitio:
Buscar Para buscar fuentes, los usuarios simplemente necesitan usar el campo de búsqueda del menú y escribir las fuentes específicas o navegar por la biblioteca completa.
Cambios globales. Los cambios que realice en la categoría de fuente Párrafos o Encabezados se aplicarán a todo el sitio. Por ejemplo, si cambia la fuente de su texto de encabezado H3, se transferirá a todo su sitio web.
Fuentes personalizadas. Si desea agregar fuentes personalizadas específicas para que coincidan con su marca o simplemente para darle otro aspecto a su sitio, puede agregar fuentes personalizadas a Squarespace. Las instrucciones sobre cómo agregar fuentes a Squarespace son bastante sencillas y es fácil descubrir cómo agregar fuentes personalizadas a Squarespace 7.1.
Tenga en cuenta que algunas fuentes terminan luciendo diferentes según el dispositivo que use.
Por ejemplo, la fuente puede verse un poco diferente cuando la ve en su Mac en comparación con un dispositivo basado en Windows. Del mismo modo, las fuentes también pueden mostrarse de manera diferente en diferentes navegadores, como Safari o Google Chrome.
Pero… si te estás preguntando “¿Puedo subir fuentes a Squarespace?” La respuesta es sí. Entremos en ello.
Cómo agregar fuentes personalizadas a Squarespace
Paso 1: elige tu fuente
Primero, seleccione qué fuente personalizada desea usar en su sitio web. Asegúrese de prestar atención a las licencias, ya que no todas las fuentes son gratuitas.
Puedes buscar fuentes en páginas como:
Paso 2: preparar los archivos de fuentes web
Agregar fuentes personalizadas a Squarespace requiere tres formatos de fuente diferentes:
- .otf o .ttf
- .guau
- .woff2
Si compró la fuente personalizada, es probable que haya recibido los archivos de fuentes web. Por otro lado, si no recibió el archivo de fuente web, simplemente puede convertirlo usando herramientas en línea.
Cargue el archivo de fuente .otf o .ttf en las herramientas en línea para que pueda obtener los archivos .woff y .woff2.
Paso 3: sube las fuentes a Squarespace
Debe cargar los archivos de fuentes en el sitio web de Squarespace haciendo lo siguiente:
- Elegir “Gestionar archivo personalizado”
- Clic en el botón “Añadir imágenes o fuentes”
Paso 4: nombrar la fuente personalizada
Debe nombrar su fuente personalizada haciendo lo siguiente:
- 1. Agregar el código en el editor Css.
@font-face {font-family: 'font-name';
src: url(URL.ttf/.otf), url(URL.woff), url(URL.woff2);}
- 2. Reemplazo del nombre de la fuente actual por el suyo propio.
Por ejemplo, si nombró a la fuente “Mi fuente preferida”, simplemente reemplace el nombre de la fuente actual con “Mi fuente preferida”.
Si usa varias palabras para el nombre de la fuente, asegúrese de tener guiones entre las palabras.
–3. Actualización de la URL de la fuente.
Reemplace las partes de URL del código con las URL específicas de su archivo de fuente cargado. Puede hacerlo resaltando la pieza que necesita reemplazar, que es cualquier cosa que encuentre entre paréntesis y eliminándola.
– Haga clic en Administrar archivo personalizado
– Haga clic en el fuente necesitas para la URL
Paso 5: Se usará la fuente deIdentify1tom
Puedes decirle a Squarespace qué fuente quieres usar usando cualquiera de estos métodos:
Usa tu fuente personalizada en un elemento específico
Si desea utilizar las fuentes personalizadas para todos los títulos del blog, debe utilizar el editor de CSS para agregar este código:
.your-title {
font-family: 'your-font-name';
}Utilice su fuente en todos los encabezados principales.
Para permitir que Squarespace use sus fuentes personalizadas para los estilos de encabezado, debe agregar este código al editor de CSSh1, h2, h3, h4 {
font-family: 'your-font-name';
}
Asegúrese de reemplazar el nombre de su fuente con el nombre que eligió para su fuente personalizada.
Por ejemplo, si usó Open Sans, asegúrese de usar esto en el nombre de la fuente:
h1 {
font-family: 'Open Sans';
}¿Cómo cambias/editas fuentes en Squarespace?
Squarespace te brinda la flexibilidad de diseñar tus fuentes. Puede cambiar los elementos de la fuente, como la altura de línea, el grosor, el tamaño y el espacio entre letras.
Cambiar las fuentes de Squarespace
- Paso 2. Hacer clic “Icono de estilos del sitio”
- Paso 3. Elija un paquete de fuentes seleccionando “Fuentes” y haciendo clic en “Cambiar”
- Etapa 4. Elija entre cualquiera “Sans-serif, Serif o Mixto”
Cambiar una fuente específica
- Paso 1. Elegir “Estilo de texto”
- Paso 2. Elegir “Familia”
- Paso 3. Explorar todo fuentes o actualizar el Familia tipográfica
Mostrar una fuente personalizada
- Paso 1. Haga clic en cualquier texto en la vista previa de la página
- Paso 2. En el menú desplegable, elija el “Estilo de fuente”
- Paso 3. Hacer clic “Costumbre” si quieres personalizar la fuente
Estilo de elementos de fuente
- Paso 1. ir a cualquiera Peso, espaciado entre letras, tamaño de navegación del sitio, o Altura de la línea
- Paso 2. Ajuste de acuerdo a su preferencia
- Paso 3. Una vez que haya terminado con todos los cambios, haga clic en “Ahorrar”.
Escalar fuentes en tu sitio de Squarespace
Establezca el tamaño base haciendo clic en s – para disminuir el tamaño o + para aumentar el tamaño.
Las 7 mejores fuentes de Squarespace para tu inspiración
Aquí hay siete de las mejores fuentes de Squarespace que puede considerar para su sitio.
1. Flamenco
Flamenco tiene una sensación técnica y es una losa semi-serif redondeada. Esta fuente funciona bien para encabezados y marcas tecnológicas porque brinda un toque elegante. Es perfecto para usar junto con la fuente Sans Serif. Y sí, su nombre está inspirado en el pájaro flamenco.
2. Europa
Esta fuente san serif ofrece una apariencia limpia y tranquila muy similar a la de otros miembros de la familia de fuentes san serif. Puede usarlo tanto para texto como para títulos. Le dará a su sitio de Squarespace un aire fresco de vitalidad humanista.
3. Lora
Lora es una de las mejores fuentes de encabezado de Squarespace. Miembro de la familia serif inspirada en la caligrafía, esta fuente es perfecta para marcas femeninas, encabezado ascendente y otras fuentes sans serif. También va bien con Yeseva One, Roboto y Open Sans.
4. raleway
Raleway es una buena opción para la copia del cuerpo o incluso para el texto de formato largo. Raleway, una de las elegantes fuentes sans serif, combina bien con fuentes acentuadas y serif, así como con otras fuentes de Squarespace como Alice, Lora y Oswald.
5. Exhibición de juegos limpios
Esta fuente de visualización, inspirada en el siglo XVIII, es una excelente fuente para encabezados de encabezados grandes de marcas tradicionales. Aunque es un diseño de gran tamaño, se puede usar con Georgia para el cuerpo del texto. También combina bien con Lato, Raleway y Open Sans.
6. libro dorado
Goldenbook es una fuente flexible que viene en seis pesos diferentes, lo que permite a los usuarios hacerla más delgada o más audaz según sus preferencias. Es una fuente que evoca un sentimiento de confianza en una marca.
7. osvaldo
Oswald es una gran alternativa a la fuente gótica sans serif. Funciona bien para acentos y encabezados independientemente de su tamaño. Se puede combinar con fuentes ligeras y sans serif, así como con Prata, Raleway y Sorts Mill Goudy.
Cómo elegir la mejor fuente de Squarespace
Si estás buscando las mejores fuentes de Squarespace, no elijas cualquier cosa que creas que se ve bien. Hay algunos factores que debe considerar al elegir el mejor Squarespace para su sitio web.
- Marca en el punto. Asegúrate de elegir una fuente que refleje la personalidad de tu marca y cumpla con las expectativas de la audiencia.
- Legibilidad. Elija una fuente que los visitantes de su sitio puedan leer y leer fácilmente. Tenga en cuenta que la estética es secundaria a la función. No quieres algo que simplemente se vea bien. Desea una fuente que su audiencia pueda leer fácilmente.
- Unicidad. ¿Cómo se ve su fuente en comparación con otros jugadores de la industria? ¿Es la fuente diferente a la de sus competidores?
- Flexibilidad. Al seleccionar una fuente, tenga en cuenta su flexibilidad. Lo mejor es elegir uno que pueda estar en negrita, en mayúsculas, en cursiva o en versiones ligeras.
Es posible agregar una fuente personalizada en SquareSpace
Squarespace tiene una amplia selección de fuentes disponibles para sus usuarios. A veces, sin embargo, estos no son suficientes. Afortunadamente, las instrucciones sobre cómo agregar fuentes a Squarespace, incluso las personalizadas, son sencillas e incluso pueden ser completadas por principiantes.
Referencias
Artículos relacionados
