??? ??? ??? ??? ???, ??? ??? ??? ?????
當(dāng)PageSpeed Insights檢測到網(wǎng)頁上的文字太小而難以辨認(rèn)時，就會觸發(fā)此規(guī)則。
??? ??? ? ????.4?? ?? ??來指定網(wǎng)頁字體大?。合袼?px)、點(pt)、EM(em)和百分比(%)。
?
*請參見其他說明。
此外，?????? ???? ??? ??? ???? ??? ??? ???. ???? ???? ???? ?? ? ???? ??? ???? ???? ??? ??? ? ??? ???? ?? ???? ??? ??? ????.
首先，??? ????? ? ???? ???? ??/????? ?????. ???? ??? ? ??? ?? ?? ?? ??? ??????.
?
例如，以下CSS代碼段定義了16 CSS像素的基準(zhǔn)字體大小，其中在CSS類“small”中將字體大小定義為基準(zhǔn)字體大小的75%（即12 CSS像素），在CSS類“l(fā)arge”中將字體大小定義為基準(zhǔn)字體大小的125%（即20 CSS像素）：
body {
font-size: 16px;
}
.small {
font-size: 12px; /* 75% of the baseline */
}
.large {
font-size: 20px; /* 125% of the baseline */
}?
??? ??? ?? ?? ?? ?? ??? ? ??????.Android排版指南。
??? ?? ??? ????.CSS 2.1規(guī)范，以了解長度單位的定義方式。該規(guī)范包含此處未提到的其他單位：英寸、厘米、毫米和皮卡。另外，有一點很容易被人忽略，那就是CSS中1英寸并不一定等于1物理英寸。
?? ?? ??? ?? ??? ???? ????. 1??? 0.75????? 1???? 1/72???? 1??? 2.54????? ??. ??? ??? ??? "??"? ?? ??? ?? ????. ?? ??, ??? ??? ? 1??? ??? ??? ????, ?? ?? ??? ??? ??? ?????? ???. ??? ???? ??? ? ??? ??? "???? ??"? ?? ????. ? ?? ??? ???? 1 CSS ??? ??? ?? CSS ??? ???? ?? ?? ??(?: ??, ???? ?)? ??? ? ????. ??? 1 CSS ??? ?? ?? 1 ??? ???? ?? ??? ???? ????.
鑒于這個原因，我們建議您使用像素定義字體大小。不然，某些設(shè)計人員和開發(fā)者看到所用單位是英寸或點時可能會被誤導(dǎo)，因為這些單位盡管也是物理尺寸，但不一定等同于現(xiàn)實世界中的尺寸。請將像素想象成會根據(jù)所在設(shè)備的尺寸來變更顯示大小的單位。
最后，每種字體還具有自身的特征：大小、間距等。默認(rèn)情況下，瀏覽器將會以16像素（CSS像素）顯示每種字體。這個默認(rèn)設(shè)置適用于大部分情況，但某些特定字體可能需要再另外進(jìn)行調(diào)整，也就是說，您可以設(shè)置較低或較高的默認(rèn)字體大小，以適應(yīng)字體的不同屬性。然后，待默認(rèn)大小設(shè)置完畢后，請根據(jù)默認(rèn)像素大小定義較大和較小的字體，以便調(diào)整網(wǎng)頁上主要、次要和其他類型內(nèi)容的文字大小。
?? ??? ??????? ???? ???? ???? ?? ? ??? ??? ??? ? ????. ??? ?? ?? ??? ?????? ??? ??? ??? ??? ??? ??? ???? ?? ? ??? ???? ?? ?? ????. PageSpeed Insights? ?????? ??? ?? ??? ???? ?? ? ???? ???? ??? ?????.
?
Except as otherwise noted, the content of this page is licensed under the?Creative Commons Attribution 3.0 License, and code samples are licensed under theApache 2.0 ????. For details, see ourSite Policies.