有了本地字體，如何實現自己 host 的 webfont ？

有了本地的西夏文字體，現在想要在自己的伺服器上 host 一套這樣的字體，然後用於自己的博客。（因為頁面僅自己可見，所以應該也不涉及版權問題。）

---

1. 利用轉換工具（例如 http://www.fontsquirrel.com/fontface/generator ）將本地字體轉換為 webfont
2. 將轉換好的字體上傳到網站上面，確定其 URL
3. 在網頁的 CSS 中使用 @font-face ，例如：
   @font-face {

   font-family: "XiXia";

   src: url("&/fonts/xixia-webfont.eot");
   src: url("&/fonts/xixia-webfont.eot?#iefix") format("embedded-opentype"),
   url("&/fonts/xixia-webfont.woff") format("woff"),

   url("&/fonts/xixia-webfont.ttf") format("truetype"),

   url("&/fonts/xixia-webfont.svg#Regular") format("svg");
   font-weight: normal;
   font-style: normal;
   }

   寫法如此冗長是為了保證諸多瀏覽器的兼容性，如果沒有這個需求可以精簡。

4. 在文本中套用此字體，如
   p { font-family: XiXia, sans-serif; }

-----------------------

實踐：西夏文尚未收入 Unicode，提問者的字體實際上是一個用西夏字元替換部分中文字元的「假」西夏文字體。使用 http://www.fontsquirrel.com/fontface/generator 並不能轉化這樣的字體，倒是可以試試 @王傑 的轉換器。

不過如果只是私人使用，可以簡單地將該字體放在網站上面，使用 @font-face 定義即可引用，除去 IE 瀏覽器應該都可見無誤。

---

@濤吳 說的很詳細了.可以理解為 webfont 使用的基本思路了.

猜想樓主想要 host 中文字體.所以可能會面對中文字型檔文件太大,以及多版本字型檔文件必要性等問題.這裡推薦看下 https://github.com/wangxiaomo/TTFRender 這裡是我當時做的中文字型檔縮放的一個小腳本.然後還有一些兼容性的說明,以做補充.當然還有一些其他的總結,需要的話我再貼出來.

---

國內有幾家webfont技術平台，如果有自己的字體資源技術不是很難實現，除非擁有字體版權否則難以商用；易字雲也可以，而且有提供免費的字體資源，提供CSS、js、webservice實現技術

---

問下，這個西夏文如何輸入呢？直接輸入中文？然後顯示出來的是西夏文？

---

推薦閱讀：