Cómo cargar fuentes personalizadas para usar en páginas web

A pesar de la creciente popularidad de los elementos de medios visuales, el texto sigue siendo el tipo más utilizado para entregar información en la web. Su sitio web debe tener la fuente legible para proporcionar el contenido. Seleccione un Elemento de texto y luego cambie su Fuente en el Panel de propiedades. Le proporcionamos más de 900 fuentes de Google y separamos las más populares en una lista separada. También puede encontrar las fuentes utilizadas recientemente en otra lista. Además, existe la opción de agregar una fuente personalizada.

La altura de línea es una propiedad de texto básica que define la cantidad de espacio por encima y por debajo de las líneas de texto. Puede cambiar el valor de Altura de línea seleccionando o escribiendo en el campo en el Panel de propiedades para el encabezado, texto u otros elementos seleccionados. Por lo general, se recomienda utilizar la altura de línea más pequeña para los tamaños de fuente más grandes.

El tachado se usa para enfatizar que el texto o la oración deben excluirse de la declaración. Este estilo está disponible en el menú desplegable Estilo de fuente en el Panel de propiedades.

En la mayoría de los casos, los textos requieren enfatizar las operaciones básicas. El formato básico incluye negrita, cursiva, subrayado y hemos agregado mayúsculas. Puede seleccionar un texto o su parte y hacer clic en los iconos de formato básico en el panel de propiedades. Tenga en cuenta que, a diferencia del texto enriquecido para el texto normal, la operación de mayúsculas cambia todo el elemento, no solo la parte seleccionada.

El ancho del texto es importante ya que ayuda a definir correctamente el posicionamiento de todos los elementos del bloque y alinear todo el diseño. El ancho del texto hace que el contenido sea atractivo y legible. En el Panel de propiedades, puede definir cómo se ajusta el texto al contenedor o bloque. Si selecciona la opción Ancho automático, el texto toma el ancho del contenedor adoptando palabras automáticamente, lo que facilita mucho la personalización del diseño para el modo receptivo. La opción Ancho fijo le permite establecer el ancho exacto para el elemento de texto.

Si tiene un texto de lectura larga para su sitio web y el texto no es muy conveniente de usar, entonces existe el elemento de texto enriquecido (RTE), que le permite crear artículos de contenido largo. A diferencia de los elementos regulares de encabezado, texto, lista e imagen, puede agregar y modificar estos elementos directamente en el elemento de texto enriquecido, de manera similar a la edición de texto en un procesador como MS Word.

Es importante elegir el tamaño de fuente correcto para los elementos de texto, de modo que sean fáciles de leer y comprender. Puede establecer el tamaño de fuente seleccionando un elemento de texto y luego eligiendo o ingresando el valor de tamaño de fuente en el panel de propiedades. También puede tener diferentes tamaños de fuente para pantallas más pequeñas, más grandes o más pequeñas, según el ajuste y la legibilidad del texto. Si es necesario, también puede establecer un tamaño de fuente diferente para una parte seleccionada del texto.

La tipografía es importante para cualquier contenido legible, incluidos los sitios web. Letter Spacing es parte de él y define el espacio entre los caracteres escritos en palabras en una página web, lo que cambia la densidad visual y hace que los textos sean ópticamente consistentes. Puede cambiar el valor de la propiedad Espaciado entre letras en el Panel de propiedades para el Texto, Hipervínculo, Botón, etc. seleccionado. De forma predeterminada, el valor de Espaciado entre letras se establece en 0.

El color es lo primero que imaginas cuando piensas en diseño web. Puede seleccionar cualquiera de los colores preestablecidos generados desde la Paleta, que puede cambiar haciendo clic en el enlace Colores en el Panel de temas de acceso rápido. Si es necesario, use el cuadro de diálogo Selector de color para agregar cualquier color adicional, que puede encontrar en el cuadro de diálogo Color en el Panel de propiedades para el texto seleccionado. Puede actualizar el estilo con color para aplicar el mismo color a todas las instancias de los estilos de texto utilizados en un sitio web.

Además de las alineaciones de elementos que colocan el elemento de texto en un grupo, celda de cuadrícula o bloque, puede usar la alineación básica para organizar el contenido dentro del elemento de texto. Para implementar esto, debe seleccionar el Elemento de texto y hacer clic en uno de los Iconos de alineación en el Panel de propiedades. Eso lo ayudará a organizar el elemento de texto y su contenido interno de manera diferente si es necesario.

Se recomienda utilizar diferentes estilos en el texto, encabezados, texto, citas en bloque, listas ordenadas y no ordenadas, etc. Influye indirectamente en su clasificación de SEO al hacer que su contenido sea más fácil y más agradable de leer para sus usuarios y visitantes y proporciona datos de contexto sobre su contenido construido con palabras clave para los motores de búsqueda.

El ícono agregado al texto facilita la lectura, la comprensión y ayuda a transmitir el estado de ánimo de manera simple y rápida. Por lo general, llama a la acción y simplemente hace que el texto sea más atractivo. Por otro lado, el Texto al lado del Ícono ayuda a que el Ícono sea más fácil de entender, reduciendo la ambigüedad. Para simplificar el uso conjunto del icono y el texto, en Nicepage, puede insertar el icono en el texto desde la barra de herramientas contextual. Si es necesario, puede usar la sección Icono en el Panel de propiedades para que el Texto modifique el Icono.

Las mismas fuentes familiares con diferentes pesos de fuente indican la jerarquía, la intención y resaltan información importante. Usar los pesos de fuente correctos en los lugares correctos es una especie de arte. En Nicepage, puede utilizar la amplia gama de valores de peso de fuente admitidos por la familia de fuentes para aprovechar al máximo esta propiedad. Si es compatible, puede tener diferentes pesos de fuente para cada estilo de texto y modos de respuesta, desde fino (100) hasta negro (900).