有了本地字体,如何实现自己 host 的 webfont ?

  1. 利用转换工具(例如 fontsquirrel.com/fontfa )将本地字体转换为 webfont
  2. 将转换好的字体上传到网站上面,确定其 URL
  3. 在网页的 CSS 中使用 @font-face ,例如:
    @font-face {
    font-family: 'XiXia';
    src: url('<URL>/fonts/xixia-webfont.eot');
    src: url('<URL>/fonts/xixia-webfont.eot?#iefix') format('embedded-opentype'),
    url('<URL>/fonts/xixia-webfont.woff') format('woff'),
    url('<URL>/fonts/xixia-webfont.ttf') format('truetype'),
    url('<URL>/fonts/xixia-webfont.svg#Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    写法如此冗长是为了保证诸多浏览器的兼容性,如果没有这个需求可以精简。
  4. 在文本中套用此字体,如
    p { font-family: XiXia, sans-serif; }

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

实践:西夏文尚未收入 Unicode,提问者的字体实际上是一个用西夏字符替换部分中文字符的「假」西夏文字体。使用 fontsquirrel.com/fontfa 并不能转化这样的字体,倒是可以试试 @王杰 的转换器。


不过如果只是私人使用,可以简单地将该字体放在网站上面,使用 @font-face 定义即可引用,除去 IE 浏览器应该都可见无误。


原发布于 https://www.zhihu.com/question/20605362/answer/15613513