整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
天講了怎么使用css中font-family來設置字體，如微軟雅黑、宋體、Arial等。繼續講下使用font-size屬性來定義字體大小。
語法如下:
p {
font-size:20px;
}
px(像素)大小是我們網頁的最常用的單位。谷歌瀏覽器默認的字體大小為16px 不同瀏覽器可能默認顯示的字體字號大小不一致，盡量給一個明確值大小，不要默認大小。可以給<body>指定整個頁面文字的大小。
來看下效果:
對應的代碼為:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS字體屬性之字體系列</title>
<!--對h2修改下字體-->
<style>
body {
font-size: 16px;
}
</style>
</head>
<body>
<h2>明月幾時有</h2>
<p>明月幾時有，把酒問青天</p>
<p>不知天上宮闕，今夕是何年</p>
<p>我欲乘風歸去，又恐瓊樓玉宇</p>
<p>高處不勝寒，起舞弄清影，何似在人間。</p>
</body>
</html>
有沒有發現除了標題標簽，其余的字的字體都是16px了？那么這里需要注意一點: 標題標簽比較特殊，需要單獨指定文字大小。
如下的效果:
可以看到標題字體變小了，具體的代碼為:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS字體屬性之字體系列</title>
<!--對h2修改下字體-->
<style>
body {
font-size: 16px;
}
h2 {
font-size: 16px;
}
</style>
</head>
<body>
<h2>明月幾時有</h2>
<p>明月幾時有，把酒問青天</p>
<p>不知天上宮闕，今夕是何年</p>
<p>我欲乘風歸去，又恐瓊樓玉宇</p>
<p>高處不勝寒，起舞弄清影，何似在人間。</p>
</body>
</html>
可以看到對h2單獨進行了字體設置
h2 {
font-size: 16px;
}
注意點:
不要忘記加上px
標題有特殊性，需要單獨設置文字大小。
好的，今天就到這里了。晚安~
譯自： https://fedoramagazine.org/design-faster-web-pages-part-3-font-css-tweaks/
作者： Sirko Kemter
譯者： David Dai
歡迎回到我們為了構建更快網頁所寫的系列文章。本系列的 第一部分 和 第二部分 講述了如何通過優化和替換圖片來減少瀏覽器脂肪。本部分會著眼于在 CSS（ 層疊式樣式表 ）和字體中減掉更多的脂肪。
首先，我們先來看看問題的源頭。CSS 的出現曾是技術的一大進步。你可以用一個集中式的樣式表來裝飾多個網頁。如今很多 Web 開發者都會使用 Bootstrap 這樣的框架。
這些框架當然方便，可是很多人都會將整個框架直接復制粘貼走。Bootstrap 非常大：目前 Bootstrap 4.0 的“最小”版本也有 144.9 KB. 在這個以 TB 來計數據的時代，它可能不算多。但就像所說的那樣，一頭小牛也能搞出大麻煩。
我們回頭來看 getfedora.org 的例子。我們在 第一部分 中提過，第一個分析結果顯示 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 嗎？或者，它們能不能合起來呢？沒錯，它們可以。這樣雖然不會節省更多的文件空間，但瀏覽器成功渲染頁面所需要發起的請求更少了。
最后，在合并 CSS 文件后，嘗試去除無用樣式并縮小它們。這樣，它們只有 4.3 KB 大小，而你省掉了 10.1 KB.
不幸的是，在 Fedora 軟件倉庫中，還沒有打包好的縮小工具。不過，有幾百種在線服務可以幫到你。或者，你也可以使用 CSS-HTML-JS Minify ，它用 Python 編寫，所以容易安裝。現在沒有一個可用的工具來凈化 CSS，不過我們有 UnCSS 這樣的 Web 服務。
CSS3 帶來了很多開發人員喜歡的東西。它可以定義一些渲染頁面所用的字體，并讓瀏覽器在后臺下載。此后，很多 Web 設計師都很開心，尤其是在他們發現了 Web 設計中圖標字體的用法之后。像 Font Awesome 這樣的字體集現在非常流行，也被廣泛使用。這是這個字體集的大小：
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 上找到。
這種自定義字體集的缺點在于，你必須自己來托管字體文件。你也沒法使用其它在線服務來提供更新。但與更快的性能相比，這可能算不上一個缺點。
現在，你已經做完了所有對內容本身的操作，來最大限度地減少瀏覽器加載和解釋的內容。從現在開始，只有服務器的管理技巧才才能幫到你了。
有一個很簡單，但很多人都做錯了的事情，就是使用一些智能緩存。比如，CSS 或者圖片文件可以緩存一周。但無論如何，如果你用了 Cloudflare 這樣的代理服務或者自己構建了代理，首先要做的都應該是縮小頁面。用戶喜歡可以快速加載的頁面。他們會（默默地）感謝你，服務器的負載也會更小。
via: https://fedoramagazine.org/design-faster-web-pages-part-3-font-css-tweaks/
作者： Sirko Kemter 選題： lujun9972 譯者： StdioA 校對： wxy
本文由 LCTT 原創編譯， Linux中國 榮譽推出
果你需要在網頁上創建標題，或者在網站上改變不同頁面上的文本大小，或段落中的某個特定單詞突出，可以通過使用html命令更改文本大小來做到這一點。但凡上過html培訓學習的人都會很輕輕松學會這個操作，有導師指導，學起來要容易的多。
更改前，先備份
無論什么時候你要更改網頁，無論你只是在html中更改文本大小，還是在添加照片或將背景圖像更改為新模式時，在更改前始終要記住一點：備份你現有的頁面。這將確保如果在更改期間發生錯誤，并且此錯誤導致網頁丟失，則可以恢復到起始位置，然后再試一次。
若要復制網頁，請打開該文件并復制html。然后將頁面html的副本粘貼到一個程序中，比如程序員的記事本，這是一個免費的實用程序，供網頁設計者/程序員使用，用于CSS、html和其他程序。
在更改的操作中，備份是經常要做的事，這一點非常重要，一般你在html培訓學習時，老師都會強調這一點的。
如何在HTML中更改文本大小
首先，找到要更改的一行或多行文本。使用
這個標記
在html中更改文本大小是一個簡單的編碼問題，你可以學會自己做，你也可以使用各種額外的html技巧。通過參加html培訓學習，對html會有更系統更全面的認識，零基礎也能輕松學到有用的知識。
了解更多
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
