Mengapakah sifat CSS fon membatalkan berat fon tebal?
P粉662802882
2023-08-27 23:37:21
<p>Saya telah diminta untuk mengalih keluar teg yang tidak diperlukan daripada HTML yang dijana komputer yang mempunyai banyak teg tidak berguna di dalamnya (saya hanya mahu menyimpan maklumat berwarna/kuat/em). Saya terjumpa sesuatu yang serupa dengan HTML berikut: </p>
<pre class="brush:html;toolbar:false;"><b>
<span style="FONT: 20pt "Arial"">
<strong>bold</strong> tidak tebal <b>bold</b>
</span>
</b>
</pra>
<p>Bagi saya (pada chrome dan firefox) ia memaparkan <kod>tebal</kod> teks sebagai tebal dan <kod>tidak tebal</kod> Khususnya, ini menjadikan tugas saya lebih rumit: Saya fikir saya boleh mengalih keluar tag tanpa maklumat warna/kuat/em, jadi tukarkannya kepada yang berikut: </p>
<pre class="brush:html;toolbar:false;"><b>
<strong>bold</strong> tidak tebal <strong>bold</strong>
</b>
</pra>
<p>Tetapi sekarang, semua teks adalah tebal dan bukannya seperti sebelumnya.</p>
<p>Saya cuba memikirkan perkara yang boleh saya masukkan ke dalam gaya <kod>FONT</kod>
<p>Menggantikan <code>Arial</code> dengan <code>foo</code>
<pre class="brush:html;toolbar:false;"><b>
<span style="FONT: 20pt foo">
<strong>bold</strong> tidak bold <b>bold</b> tidak bold <!-- tidak bold sebenarnya tidak bold -->
</span>
</b>
</pra>
<p>Selepas menukar saiz dan fon, tingkah laku berubah: </p>
<pre class="brush:html;toolbar:false;"><b>
<span style="FONT: &quotArial&quot 20pt">
<kuat>tebal</strong> tidak tebal <b>tebal</b> tidak tebal <!-- semuanya 20pt _tidak_ digunakan.
</span>
</b>
</pra>
<p>Tiada kedua-dua nilai mempunyai sebarang kesan: </p>
<pre class="brush:html;toolbar:false;"><b>
<span style="FONT: "Arial"">
<kuat>berani</strong> tidak berani <b>berani</b> tidak berani <!-- semuanya berani -->
</span>
</b>
</pra>
<pre class="brush:html;toolbar:false;"><b>
<span style="FONT: 20pt">
<kuat>berani</strong> tidak berani <b>berani</b> tidak berani <!-- semuanya berani -->
</span>
</b>
</pra>
<p></p>
<p></p>
<p>Bolehkah sesiapa menerangkan tingkah laku ini, atau sekurang-kurangnya beritahu saya gaya yang perlu saya cari untuk menyekat gaya luar? </p>
Saya rasa saya telah menemui jawapan kepada soalan saya pada halaman dokumentasi harta css fon. Ia berkata:
(penekanan saya)
Lebih jauh ke bawah:
So set
font: 20pt arial
等同于设置font-style: normal;font-variant: normal;font-weight: normal;font-stretch: normal;font-size: 20pt;line-height: normal;font-family: arial
Terutama,
font-weight
从bold
(或其他值)重置为normal
.Jadi untuk menyelesaikan masalah asas saya, saya harus mencari
font
tag yang tidak mempunyai berat fon tertentu.P.S. Sebab
, jadi ia diabaikan:font: arial 20pt
没有这种行为的原因是因为这不是font
tidak mempunyai kelakuan ini adalah kerana ini bukan nilai yang dibenarkan untukfont: arial 20pt
Dan dalam