分页： 1 / 3
字體是如何設置的？
发表于 ： 2022年 11月 19日 10:05
由 ejsoon
字體很好看
Re: 字體是如何設置的？
发表于 ： 2022年 11月 19日 10:14
由 BobMaster
霞鹜文楷字體：
https://github.com/lxgw/LxgwWenKai
使用這裏面的 Python 脚本製作網頁字體
https://github.com/chawyehsu/lxgw-wenkai-webfont
這是我打包的字體文件
assets/fonts/lxgw-wenkai-screen-webfont.tar.gz
解壓後引用一下字體的css就好
代码： 全选
<link rel="stylesheet" href="實際路徑/lxgw-wenkai-screen-webfont/style.css" />
<style>
body {
font-family: "LXGW WenKai Screen", Verdana, Helvetica, Arial, sans-serif;
}
</style>
Re: 字體是如何設置的？
发表于 ： 2022年 11月 19日 10:22
由 ejsoon
總共要加載多大的字體？
Re: 字體是如何設置的？
发表于 ： 2022年 11月 19日 10:28
由 BobMaster
字體做了subset 處理，類似Google Font，不會加載所有的字體而是按需加载。
截圖裏顯示
66.83kb
Re: 字體是如何設置的？
发表于 ： 2022年 11月 19日 10:44
由 ejsoon
竟然還可以subset？wonderful！準備拿來用！
Re: 字體是如何設置的？
发表于 ： 2022年 11月 19日 10:45
由 ejsoon
請問如何得知霞鶩文楷的全部支援字數？
Re: 字體是如何設置的？
发表于 ： 2022年 11月 19日 10:50
由 BobMaster
Re: 字體是如何設置的？
发表于 ： 2022年 11月 19日 11:36
由 ejsoon
Re: 字體是如何設置的？
发表于 ： 2022年 11月 19日 11:38
由 ejsoon
我的會加載5M大小的woff2文件。所以…要不要用這個還在考慮中…因為我的網站主打輕量，如果不加文件，只有2M多。
不過這個字體真是好看啊。
Re: 字體是如何設置的？
发表于 ： 2022年 11月 19日 11:41
由 BobMaster
你用的是我打包的嗎？ 你可以試試繁體TC的那個，如有需要我晚點打包一份繁體的給你？
Re: 字體是如何設置的？
发表于 ： 2022年 11月 19日 11:43
由 ejsoon
我也就只需要支持到unicode cjk 20902字即可。
raw.githubusercontent.com這個又是甚麼神奇的網站？
Re: 字體是如何設置的？
发表于 ： 2022年 11月 19日 11:53
由 ejsoon
BobMaster 写了： ↑2022年 11月 19日 11:41
你用的是我打包的嗎？ 你可以試試繁體TC的那個，如有需要我晚點打包一份繁體的給你？
謝謝！不用繁體的，我雖然也喜歡舊體字，但不苛求。之前覺的網頁內嵌字體很神奇，現在知道了。原來如此。
Re: 字體是如何設置的？
发表于 ： 2022年 11月 19日 11:56
由 ejsoon
我應該是用你給的壓縮包。後來我看了你的論壇，也差不多加載7M多。其實7M也不算很大…
Re: 字體是如何設置的？
发表于 ： 2022年 11月 19日 12:05
由 BobMaster
ejsoon 写了： ↑2022年 11月 19日 11:56
我應該是用你給的壓縮包。後來我看了你的論壇，也差不多加載7M多。其實7M也不算很大…
試試這個我新打包的
https://cloud.bobmaster.cyou/s/AN7QjoayigDpTqq
代码： 全选
❯ cat style.css
@import url('./lxgwwenkaitc-bold.css');
@import url('./lxgwwenkaitc-regular.css');
@import url('./lxgwwenkaimonotc-light.css');
@import url('./lxgwwenkaimonotc-regular.css');
@import url('./lxgwwenkaimonotc-bold.css');
@import url('./lxgwwenkaitc-light.css');
也許別引入所有的css，先試試單獨引用一個
lxgwwenkaitc-regular.css看看效果，記住現在的
font-family是
LXGW WenKai TC
raw.githubusercontent.com 是 github 的一個用戶資源分發網址，比如用戶上傳的附件等等
我開瀏覽器隱私模式訪問圈圈之地論壇看了一下，大概在
2M～4M左右，下面是有無繁體字網頁的差別，不知道使用
TC的字體會不會使體積減小一些
無繁體字
有繁體字
Re: 字體是如何設置的？
发表于 ： 2022年 11月 20日 08:42
由 ejsoon
tc現在還沒有去試，不過我現在想實現：選取一段文本之後，在字體中選擇出這些字，生成一個新的woff2字體文件。
我可能不會用一個全局字體，但我希望小範圍用一下。
