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

Question

我对此进行了相当多的研究，我发现的答案是只有有限数量的网络字体可用，这对我来说似乎有点过时。是否不可能将自定义字体上传到您的网络主机并使用 javascript（或其他东西，请原谅我的无知和无知）来阅读自定义字体，因此当访问者访问您的网站时，他们没有关系'没有安装您的自定义字体，它只是从网站上加载出来的？

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;
}

来源：css-tricks.com