Valor de estilo de fuente CSS

Estilo de fuente

font-weight: peso del texto

normal: valor predeterminado, espesor estándar
negrita: negrita
más audaz: más audaz
más ligero: más fino
100 ~ 900: establece el grosor específico, 400 equivale a normal y 700 equivale a negrita
heredar: hereda el grosor de la fuente del elemento padre

<style>
        .c1 {font-weight: bold;}
        #p2 {font-weight: bolder;}
        #p3 {font-weight: lighter;}
        #p4 {font-weight: 500;}
        #p5 {font-weight: inherit;}
</style>

<p>石灰吟</p>
<hr>
<p id="p1" class="c1">千锤万凿出深山</p>
<hr>
<p id="p2">，烈火焚烧若等闲</p>
<hr>
<p id="p3">。粉身碎骨全不怕</p>
<hr>
<p id="p4">要留清白在人间</p>
<hr>
<ul class="c1">
    <li>
        <p id="p5">于谦 [明代]</p>
    </li>
</ul>

Estilo de texto

estilo de fuente: estilo de texto

normal; -normal, el valor predeterminado es normal
cursiva; - inclinación

<style>
      #p1 {font-style: italic;}
      #p2 {font-style: normal;}
</style>

<p id="p1">死去元知万事空，但悲不见九州同</p>
<hr>
<p id="p2">王师北定中原日，家祭无忘告乃翁</p>

tamaño de fuente

Generalmente 12px o 13px o 14px

Nota:
1. Para establecer el tamaño del texto a través del tamaño de fuente, debe tener una unidad, es decir
, debe escribir px; 2. Si está configurado para heredar, significa que el valor del tamaño de fuente del elemento padre se hereda .

  <style>
       #p1 {font-size: 20px}
       .c1 {font-size: 25px}
       #p2 {font-size: inherit}
   </style>

<p id="p1">竹石</p>
<div class="c1" >
   <p>咬定青山不放松，立根原在破岩中</p>
   <a id="p2">千磨万击还坚劲，任尔东西南北</a>
</div>

Tipografía del texto

font-family: - estilo de fuente

Fuentes comunes:

fuente serif
sans-serif sans-serif
Chino: Song Ti, Microsoft Yahei, HeiTi

Nota: La
fuente configurada debe ser la fuente ya instalada en la computadora del usuario y el navegador usará el primer valor que pueda reconocer.
Si el valor es chino, debe expandirse con comillas simples o dobles.

  <style>
       #p1 {font-family: "微软雅黑"}
       #p2 {font-family: "宋体"}
       #p3 {font-family: "华文行楷"}
       #p4 {font-family: "华文隶书"}
       #p5 {font-family: "华文细黑"}
       #p6 {font-family: "华文楷体"}
   </style>

<p id="p1">采桑子.重阳</p>
<p id="p2">人生易老天难老，岁岁重阳。</p>
<p id="p3">今又重阳，战地黄花分外香。</p>
<p id="p4">一年一度秋风劲，</p>
<p id="p5">不似春光。</p>
<p id="p6">胜似春光，廖廓江天万里霜。</p>

color de fuente

color: rgb (123,123,123); - Los tres colores primarios de la fuente están parcheados junto con el color de la fuente
color: rojo; -color preestablecido

<style>
        #p1 {color: red}
        #p2 {color: blueviolet}
        #p3 {color: blue}
        #p4 {color: #00ff88}
        #p5 {color: rgb(123, 123, 123)
        }
    </style>

<p id="p1">人生易老天难老，岁岁重阳。</p>
<p id="p2">今又重阳，战地黄花分外香。</p>
<p id="p3">一年一度秋风劲，</p>
<p id="p4">不似春光。</p>
<p id="p5">胜似春光，廖廓江天万里霜。</p>