幾個網頁排版技巧

 1、首行縮排2字元

中文文章會習慣每段的首行縮排2字元

CSS設定：text-indent: 2em

2、利用 Web font loader 動態載入網路字型

JS：

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
<script>
    WebFont.load({
        google: {
  families: ['Noto Sans TC','Droid Sans']
}
  });
</script>

參考資料：

• 網路字型載入工具  |  Google Fonts  |  Google Developers
• typekit/webfontloader: Web Font Loader gives you added control when using linked fonts via @font-face. (github.com)
• 网页字体优化之字体异步加载 | Blog @ GIUEM
• Web字体载入利器（Web Font Loader）使用详解（Web字体加载缓慢解决办法）_web加载字体_lt_1111的博客-CSDN博客
• Web字体载入利器-->Web Font Loader - w3ctech

3、常用CDN

• jQuery CDN
• Google Hosted Libraries  |  Google Developers

4、改善字型 render

body {

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

font-smoothing: antialiased;

}