900 Entonces, podríamos usar la fuente de peso: propiedad en negrita para establecer th e peso de la fuente de un párrafo de texto a 800. Cuando un niño tiene un peso relativo más audaz que el padre, use la tabla anterior para comprender qué tan gordo es. Por ejemplo, digamos que tengo un niño que tiene un padre con un grosor de fuente de 400. Si pongo el valor de grosor de fuente en el elemento secundario más negrita, el grosor de fuente en el elemento secundario se convierte en 700. Esto se debe a que el elemento secundario tiene una fuente más oscura en comparación a -peso que el padre. Si el padre ya es lo más oscuro o claro posible, estos valores de propiedad no hacen nada. ejemplo de peso de fuente CSSDigamos que está diseñando un sitio web para The Seattle Stamp Club, una empresa local de sellos. La empresa de sellos a la que le pedimos que hiciera Quienes son - nosotros encabezamos aparece en negrita en A Acerca de su sitio web. Esto llamará la atención del visitante sobre el título. El club de sellos nos ha pedido que agreguemos un bloque de texto a su sitio web con la historia del club. Este bloque de texto debe aparecer con el peso de fuente normal. Algunas frases que el club quiera llamar la atención del espectador deben aparecer en negrita Podríamos usar el siguiente código para crear este bloque de texto, con algunas frases recomendadas: Estilo de clic botón en el editor de código de arriba para ver el resultado de nuestro código HTML/CSS. en nuestro archivo HTML, hemos definido un párrafo de texto incluido de ; . tag también hemos incluido algunas oraciones en . etiquetas, que fomentamos en nuestro CSS A continuación, en nuestro archivo CSS, definimos una regla de estilo que define el peso del estilo de fuente de cada < /a> etiqueta más negrita. Esto significa que el texto encerrado en una etiqueta aparece en negrita que el elemento principal. Cuando ejecutamos nuestro código, nuestro párrafo aparece con un ancho de fuente normal y las oraciones encerradas en etiquetas se muestran en negrita . En este ejemplo, las expresiones da la bienvenida a todos y 250 miembros están encerradas en las etiquetas . Texto CSS en negrita con caracteres variables El último nivel de fuentes CSS pone a nuestra disposición algunas fuentes nuevas. Se denominan caracteres variables y pueden tomar un número entre 1 y 1000 como ancho de carácter. La compatibilidad con navegadores no se implementó por completo hasta mayo de 2020, por lo que son bastante nuevos. Si desea obtener más información sobre las fuentes variables, consulte esta rel = "noopener"> l ` introducción. Conclusión En este tutorial, hemos discutido el CSS font -weight propiedad y cómo afecta la negrita de nuestras fuentes. Hemos aprendido que un peso más audaz y ligero significa un peso de fuente relativo alejado del peso de fuente del elemento principal. Básicamente, observamos un rango de pesos de caracteres para ver cómo se ve el texto. Serás un ponderador de fuentes profesional en poco tiempo Para obtener más información sobre la codificación en CSS, lea nuestra guía sobre cómo aprender CSS . Puede leer nuestra guía sobre cómo poner texto en negrita en HTML si desea que su texto esté en negrita sin depender de CSS. |