整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
果你需要在網(wǎng)頁上創(chuàng)建標(biāo)題，或者在網(wǎng)站上改變不同頁面上的文本大小，或段落中的某個特定單詞突出，可以通過使用html命令更改文本大小來做到這一點。但凡上過html培訓(xùn)學(xué)習(xí)的人都會很輕輕松學(xué)會這個操作，有導(dǎo)師指導(dǎo)，學(xué)起來要容易的多。
更改前，先備份
無論什么時候你要更改網(wǎng)頁，無論你只是在html中更改文本大小，還是在添加照片或?qū)⒈尘皥D像更改為新模式時，在更改前始終要記住一點：備份你現(xiàn)有的頁面。這將確保如果在更改期間發(fā)生錯誤，并且此錯誤導(dǎo)致網(wǎng)頁丟失，則可以恢復(fù)到起始位置，然后再試一次。
若要復(fù)制網(wǎng)頁，請打開該文件并復(fù)制html。然后將頁面html的副本粘貼到一個程序中，比如程序員的記事本，這是一個免費的實用程序，供網(wǎng)頁設(shè)計者/程序員使用，用于CSS、html和其他程序。
在更改的操作中，備份是經(jīng)常要做的事，這一點非常重要，一般你在html培訓(xùn)學(xué)習(xí)時，老師都會強調(diào)這一點的。
如何在HTML中更改文本大小
首先，找到要更改的一行或多行文本。使用
這個標(biāo)記
在html中更改文本大小是一個簡單的編碼問題，你可以學(xué)會自己做，你也可以使用各種額外的html技巧。通過參加html培訓(xùn)學(xué)習(xí)，對html會有更系統(tǒng)更全面的認(rèn)識，零基礎(chǔ)也能輕松學(xué)到有用的知識。
了解更多
譯自： https://fedoramagazine.org/design-faster-web-pages-part-3-font-css-tweaks/
作者： Sirko Kemter
譯者： David Dai
歡迎回到我們?yōu)榱藰?gòu)建更快網(wǎng)頁所寫的系列文章。本系列的 第一部分 和 第二部分 講述了如何通過優(yōu)化和替換圖片來減少瀏覽器脂肪。本部分會著眼于在 CSS（ 層疊式樣式表 ）和字體中減掉更多的脂肪。
首先，我們先來看看問題的源頭。CSS 的出現(xiàn)曾是技術(shù)的一大進步。你可以用一個集中式的樣式表來裝飾多個網(wǎng)頁。如今很多 Web 開發(fā)者都會使用 Bootstrap 這樣的框架。
這些框架當(dāng)然方便，可是很多人都會將整個框架直接復(fù)制粘貼走。Bootstrap 非常大：目前 Bootstrap 4.0 的“最小”版本也有 144.9 KB. 在這個以 TB 來計數(shù)據(jù)的時代，它可能不算多。但就像所說的那樣，一頭小牛也能搞出大麻煩。
我們回頭來看 getfedora.org 的例子。我們在 第一部分 中提過，第一個分析結(jié)果顯示 CSS 文件占用的空間幾乎比 HTML 本身還要大十倍。這里顯示了所有用到的樣式表：
那是九個不同的樣式表。其中的很多樣式在這個頁面中并沒有用上。
Font-awesome CSS 代表了包含未使用樣式的極端。這個頁面中只用到了這個字體的三個字形。如果以 KB 為單位，getfedora.org 用到的 font-awesome CSS 最初有 25.2 KB. 在清理掉所有未使用的樣式后，它只有 1.3 KB 了。這只有原來體積的 4% 左右！對于 Bootstrap CSS，原來它有 118.3 KB，清理掉無用的樣式后只有 13.2 KB，這就是差異。
下一個問題是，我們必須要這樣一個 bootstrap.css 和 font-awesome.css 嗎？或者，它們能不能合起來呢？沒錯，它們可以。這樣雖然不會節(jié)省更多的文件空間，但瀏覽器成功渲染頁面所需要發(fā)起的請求更少了。
最后，在合并 CSS 文件后，嘗試去除無用樣式并縮小它們。這樣，它們只有 4.3 KB 大小，而你省掉了 10.1 KB.
不幸的是，在 Fedora 軟件倉庫中，還沒有打包好的縮小工具。不過，有幾百種在線服務(wù)可以幫到你。或者，你也可以使用 CSS-HTML-JS Minify ，它用 Python 編寫，所以容易安裝。現(xiàn)在沒有一個可用的工具來凈化 CSS，不過我們有 UnCSS 這樣的 Web 服務(wù)。
CSS3 帶來了很多開發(fā)人員喜歡的東西。它可以定義一些渲染頁面所用的字體，并讓瀏覽器在后臺下載。此后，很多 Web 設(shè)計師都很開心，尤其是在他們發(fā)現(xiàn)了 Web 設(shè)計中圖標(biāo)字體的用法之后。像 Font Awesome 這樣的字體集現(xiàn)在非常流行，也被廣泛使用。這是這個字體集的大小：
current free version 912 glyphs/icons, smallest set ttf 30.9KB, woff 14.7KB, woff2 12.2KB, svg 107.2KB, eot 31.2
所以問題是，你需要所有的字形嗎？很可能不需要。你可以通過 FontForge 來去除這些無用字形，但這需要很大的工作量。你還可以用 Fontello . 你可以使用公共實例，也可以配置你自己的版本，因為它是自由軟件，可以在 Github 上找到。
這種自定義字體集的缺點在于，你必須自己來托管字體文件。你也沒法使用其它在線服務(wù)來提供更新。但與更快的性能相比，這可能算不上一個缺點。
現(xiàn)在，你已經(jīng)做完了所有對內(nèi)容本身的操作，來最大限度地減少瀏覽器加載和解釋的內(nèi)容。從現(xiàn)在開始，只有服務(wù)器的管理技巧才才能幫到你了。
有一個很簡單，但很多人都做錯了的事情，就是使用一些智能緩存。比如，CSS 或者圖片文件可以緩存一周。但無論如何，如果你用了 Cloudflare 這樣的代理服務(wù)或者自己構(gòu)建了代理，首先要做的都應(yīng)該是縮小頁面。用戶喜歡可以快速加載的頁面。他們會（默默地）感謝你，服務(wù)器的負載也會更小。
via: https://fedoramagazine.org/design-faster-web-pages-part-3-font-css-tweaks/
作者： Sirko Kemter 選題： lujun9972 譯者： StdioA 校對： wxy
本文由 LCTT 原創(chuàng)編譯， Linux中國 榮譽推出
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
