Question

我已经研究了这一点，我发现答案是只提供有限数量的网络字体，这对我来说似乎有些老套。是不是可以将自定义字体上传到您的网络主机并使用javascript（或其他东西，原谅我的无知和noobishness）来阅读自定义字体，这样当访问者访问您的网站时，它们并不重要你安装了自定义字体，它刚刚加载到网站上吗？

Answer 1

在你的CSS中：

@font-face {
    font-family: cool_font;
    src: url('cool_font.ttf');
}
p.custom_font{
    font-family: cool_font; /* no .ttf */
}

来自http://www.howtoplaza.com/how-to-use-custom-fonts-on-your-website-with-css

Answer 2

您可以使用CSS嵌入自定义字体。

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('webfont.woff') format('woff'), /* Modern Browsers */
  url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}


body {
  font-family: 'MyFontFamily', Fallback, sans-serif;
}

source: css-tricks.com

是否可以在您的网站上嵌入自定义字体/在主机上安装？

2 个答案: