El panel de fuentes

En Sitely, tienes acceso a más de 1600 fuentes web a través del proyecto Web Fonts de Google, que puedes instalar con un solo clic. Además, puedes usar fuentes del sistema o subir tus propias fuentes web a Sitely..

El panel de fuentes es donde controlas qué fuentes aparecen en el menú de fuentes. Puedes abrir el panel de fuentes haciendo clic en el botón "+" junto al menú de familia tipográfica en el inspector de texto.

En el panel de fuentes verás todas las fuentes disponibles, con las activas marcadas por una esquina verde. Al hacer clic en una fuente del índice de fuentes web de Google, se descargará y activará automáticamente. Estas fuentes web se incrustan en tu sitio web por motivos de privacidad y rendimiento.

La fila superior de botones en el panel de fuentes actúa como filtros para las fuentes mostradas. Cambiar a la vista de activas es una forma rápida de desactivar las fuentes que ya no usas, mientras que cambiar a la vista de no activas te ayuda a encontrar fuentes nuevas. La fila de botones serif/sans/script/title ayuda a buscar estilos tipográficos específicos. Por último, el filtro 3+ weights es útil para encontrar fuentes más completas en cuanto a pesos tipográficos.

Aunque puedes activar una fuente del sistema desde el panel principal "All fonts", las fuentes del sistema ofrecen un control avanzado sobre cómo se mostrará la fuente en diferentes navegadores y sistemas operativos.

Cuando seleccionas una fuente web, la representación visual de cada carácter se envía al navegador, lo que puede aumentar el tiempo de descarga. Sin embargo, con las fuentes del sistema, solo se comunica el nombre de la fuente al navegador. Aunque Sitely mostrará la fuente seleccionada, es posible que los visitantes no tengan la fuente instalada en su sistema.

Fuentes del sistema

El panel "System Fonts" de Sitely ofrece un control avanzado sobre cómo se comporta el navegador cuando no se encuentra la fuente indicada. Esto se conoce como un "CSS Font Stack", que es una lista de fuentes ordenadas por preferencia para que el navegador del visitante cargue alternativas hasta que encuentre una disponible.

Sitely tiene pilas de fuentes predefinidas para las fuentes de uso común, por lo que probablemente solo necesites usar este panel para ajustar las pilas integradas o proporcionar pilas para fuentes poco comunes.

En el ejemplo mostrado aquí, Andale Mono se mostrará en Sitely y, muy probablemente, en cualquier sistema Mac. Sin embargo, en navegadores que se ejecutan en Windows o Linux, es probable que Andale Mono no esté instalada, por lo que el navegador usará una de las alternativas de reserva.

Fuentes personalizadas

Por último, el panel de fuentes web personalizadas te permite agregar una fuente web desde tu sistema local. Cuando se use en un sitio web, los archivos de fuentes se incrustarán como parte del sitio. A través de este panel puedes introducir múltiples pesos para cada familia tipográfica y se agruparán como una sola fuente.

Sitely acepta fuentes en formatos TTF, OTF, WOFF o WOFF2, generando internamente los formatos web necesarios.