Question

我正在尝试将自定义字体嵌入我的网站，在此网站上传字体后，从http://www.fontsquirrel.com/fontface/generator此网站获得了一个链接文件夹，它给了我这个CSS：

@font-face {
    font-family: 'VoltaEFTU-Regular';
    src: url('voltaeftu-regular-webfont.eot');
    src: local('☺'),
    url('voltaeftu-regular-webfont.woff') format('woff'),
    url('voltaeftu-regular-webfont.ttf') format('truetype'),
    url('voltaeftu-regular-webfont.svg#webfonttKmU3jX8') format('svg');
    font-weight: normal;
    font-style: normal;
}

但它不适用于我的机器。如何在我的网站中嵌入字体？

由于 Mayur Mate

Answer 1

如果我这样做，我会看看Google Font API如何运作......

Answer 2

@font-face代码看起来不错，但如果您想在<p>中使用此字体示例，则必须在此元素中使用font-family: 'VoltaEFTU-Regular';。查看生成的 demo.html 文件。

Answer 3

否则..您可以在www.1001fonts.com下载字体并将其安装在＆＃34;字体＆＃34;位于Windows文件夹中。然后使用＆＃34; transfonter.com＆＃34;生成字体。并在您的网站中使用它..如果您将来多次使用相同的字体，最好在默认字体列表中使用该字体！

如何在网站中嵌入字体

3 个答案: