Question

有两种方法可以做到：

在元标记HTML中使用链接
直接在CSS文件中添加字体

我有一些文件，如：CRC35.otf

如何做到这一点？

Answer 1

使用.otf文件并使用此工具https://transfonter.org/转换为其他字体格式，然后将它们全部嵌入CSS文件中

@font-face {
font-family: 'CRC35';
src: url('CRC35.eot');
src: url('CRC35.eot?#iefix') format('embedded-opentype'),
    url('CRC35.woff') format('woff'),
    url('CRC35.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}

Answer 2

最好的方法是使用谷歌字体 http://fonts.google.com 你可以像这样导入它的meta标签（使用例如Noto Sans字体）

`<link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">`

或直接发给css

@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

并将其用作

{
font-family: 'Noto Sans', sans-serif;
}

：）

如何在页面上连接全球字体？

2 个答案: