Lista de tipos de letra
No importa lo bien que se vea su página web, a veces es necesario cambiar la fuente. Tal vez hayas decidido que tenga un aspecto más atrevido o tal vez uno más sutil, dependiendo de lo que quieras hacer dentro de tu sitio. Cualquiera que sea la razón, poder ejercer la libertad creativa utilizando HTML es una de las principales razones por las que algunos de nosotros decidimos aprender a codificar en HTML para empezar.
En este artículo, vamos a echar un vistazo a algunos de los cambios que puede hacer a la fuente en su página de destino u otras páginas dentro de su sitio y por qué hacer tales cambios puede resultar ser una buena idea. Continúe leyendo para aprender más sobre cómo cambiar las fuentes en HTML.
Hay una serie de razones por las que puede querer cambiar la fuente en HTML, que vamos a discutir ahora. La conclusión es que el cambio de la fuente puede ayudar a hacer que su sitio web sea lo mejor posible para los visitantes y clientes potenciales que a menudo tomarán una decisión sobre si quieren hacer negocios con usted por la impresión que reciben de su sitio web. A continuación se presentan algunas formas más específicas en las que el cambio de fuentes en HTML puede ayudar a su sitio web.
Fuente-familia css
Simplemente usa la regla @font-face dentro de tu hoja de estilos CSS, nómbrala usando la propiedad estándar font-family de CSS, dale una url de origen (la ubicación del archivo de la fuente en el servidor), y haz referencia a ella como lo harías con cualquier otra fuente en el resto del CSS. En el ejemplo anterior, hemos cargado una fuente, y la hemos establecido como la fuente utilizada para las etiquetas H2. Sin embargo, al igual que con todas las reglas de fuentes, asegúrese de configurar una pila de fuentes adecuada con fuentes estándar seguras para la web detrás de ella.El soporte para @font-face en Internet Explorer ha existido por un tiempo, lo crea o no, pero sólo reconoce las fuentes que están en el formato de archivo .EOT (Vea el código anterior). TTF y OTF funcionarán en la mayoría de los navegadores, pero para estar seguros, es mejor usar un archivo de fuente EOT. Es tan fácil como tomar cualquier fuente y convertirla a EOT con una herramienta como ésta: TTF to EOT Font ConverterDe otro modo, para mejorar aún más la compatibilidad y los problemas de calidad, simplemente incluya ambos (Vea el código más abajo). Los navegadores que pueden manejar el mejor formato lo utilizarán, y de lo contrario, por defecto, el formato de archivo EOT.
Estilo de letra
A la hora de personalizar el aspecto de su sitio web, no puede olvidarse de la tipografía, es decir, la forma de organizar y dar estilo al texto en la página. Dependiendo de su marca, querrá cambiar el tipo de letra, el tamaño y el color de su fuente para que coincida.
Por ejemplo, si prefieres el gris oscuro al negro en tu esquema de colores, querrás cambiar el color de la fuente por defecto de tu texto. Si te dedicas a los medios de comunicación, puedes optar por una fuente sans serif, que se considera la tipografía más fácil de leer. Pero si te dedicas al ámbito creativo, puedes optar por una tipografía más decorativa. Éstas son sólo algunas de las razones por las que puede querer dar estilo a la fuente de su sitio web.
Para cambiar el tipo de letra puramente con HTML, utiliza la propiedad CSS font-family. Ajústala al valor que desees y colócala dentro de un atributo de estilo. A continuación, añade este atributo de estilo a un elemento HTML, como un párrafo, un encabezado, un botón o una etiqueta span.
Aunque este método sólo requiere que añadas código a tu archivo HTML, en realidad utiliza el lenguaje de estilos CSS. Más concretamente, esta técnica se denomina CSS en línea. CSS en línea significa que tu HTML y CSS se colocarán juntos en la sección del cuerpo de tu documento HTML.
Estilo de fuente Html
Una vez que se desplace por la página, encontrará los ajustes de tamaño, peso y color de la fuente. Los parámetros utilizados en la fase se aplicarán en todo el sitio. Si desea cambiar el tipo de letra, puede hacerlo en el editor especificado para cada bloque.
Configurar los tipos de letra para un sitio web de acuerdo con el mensaje Cuando se empieza a diseñar un sitio web, es importante decidir si el tipo de letra por defecto está en consonancia con las características del sitio web. El hecho es que no se espera que un sitio web de un campamento deportivo para niños con un sitio web de arquitectura se vean igual. Y una de las mejores formas de expresar la diferencia es con el uso de los pesos de las fuentes. La siguiente fase es ver los cuatro pesos de fuente diferentes recomendados para el título y el texto. Esta característica ayuda a conseguir un equilibrio en el tono de voz.1
Título en semibold + texto normal Esta es una mezcla básica que es compatible con la mayoría de los sitios web. La recomendamos si pretende mantener el estilo del sitio web unificado y no llamar la atención sobre ningún elemento específico.Utilice los siguientes parámetros en la configuración del sitio web:Peso de la fuente del cuerpo del texto – NormalPeso de la fuente del título – Seminegrita Configuración del sitio → Fuentes y colores → Tamaño y peso.
