css中需要更小的字型如何實現

2022-07-27 10:42:14 字數 635 閱讀 8573

我想有很度人都遇到過這種問題,因為瀏覽器對font-size的最小值有所限制,例如chrome,當我取值為10以下時,沒有任何變化,直到0時文字消失不見,負值時回到字型原本的樣子,所以我整理了一下瀏覽器對取值的限制以及解決方法

我遇到的是更小字型的解決方法,所以以我為例

.span1

<

p>

<

span

class

="span

1">

用券減40

<

span

class

="span2"

>jbl t120a立體式入耳式耳機手機**耳機 遊戲耳機 耳機耳麥 帶麥......

span

>

span

>

<

span

class

="span3"

>¥128

span

>

p>

當然,我們可以使用縮放來實現

.span1

css中的字型屬性

這個屬性設定字型名稱,如arial,tahoma,courier等。例句如下 s1演示示例 這個屬性可以設定字型的大小。字型大小的設定可以有多種方式,最常用的就是pt和px pixel 例句如下 s2演示示例 這個屬性有三個值可選 normal,italic,oblique。normal是預設值,i...

CSS樣式中字型的屬性

font屬性 font size 字型大小 smaller 把字型大小設定比父元素更小的字型 larger 把字型大小設定比父元素更大的字型 length 把字型大小設定為乙個固定的值 把字型大小設定為基於父元素的百分比 inherit 從父元素繼承 font style 字型格式 normal 預...

css 你是如何壓縮字型的?

壓縮字型檔案麼,有研究過,平時用 font spider。webpack 整合沒怎麼實踐過,還只知道 url loader。有三種不同的壓縮處理策略的,自己決定壓縮打包哪些文字,如 fontzip,iconfont 自動檢測要壓縮打包哪些文字,如 font spider 動態生成本頁有哪些文字的檔案...