有了本地字体,如何实现自己 host 的 webfont ?
- 利用转换工具(例如 http://www.fontsquirrel.com/fontface/generator )将本地字体转换为 webfont
- 将转换好的字体上传到网站上面,确定其 URL
- 在网页的 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;
}
写法如此冗长是为了保证诸多浏览器的兼容性,如果没有这个需求可以精简。 - 在文本中套用此字体,如
p { font-family: XiXia, sans-serif; }
-----------------------
实践:西夏文尚未收入 Unicode,提问者的字体实际上是一个用西夏字符替换部分中文字符的「假」西夏文字体。使用 http://www.fontsquirrel.com/fontface/generator 并不能转化这样的字体,倒是可以试试 @王杰 的转换器。
不过如果只是私人使用,可以简单地将该字体放在网站上面,使用 @font-face 定义即可引用,除去 IE 浏览器应该都可见无误。
原发布于 https://www.zhihu.com/question/20605362/answer/15613513