Question

我需要在HTML页面中使用一种字体，但是当我的PC上没有互联网连接时，我也需要它脱机工作。由于我可以从Google字体下载.ttf文件，是否有一种方法可以真正包含字体而无需从fonts.googleapis.com导入字体？

Answer 1

您当然可以做到。在您的.css文件中使用@ font-face

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

将根据URL相对于CSS文件的位置相应地指定URL。

Answer 2

我相信您可以在服务器/本地存储中包括该字体，并使用本地链接代替网址。

@font-face{
    font-family: /*name here*/
    font-style: normal
    font-weight: 250
    src: url('') /* replace with local link/ format*/
}

有关详细信息，请参见：https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

您可以在不链接到外部源的情况下将字体嵌入HTML吗？

2 个答案: