网站字体修改方法

引用外部字体代码:

在css样式中插入下列代码

@font-face{
     font-family: 'xxx';
font-style: normal;
font-display: swap;
     src: url('../font/aaa.woff') format('woff'),
}

注释: 其中font-family: ‘xxx’; 中的 xxx 字体名称(可随意命名,需要与使用时的名字保持一直)

src: url(‘../font/aaa.woff’) format(‘woff’), 其中aaa为字体文件名,woff为文件格式,有的可能是woff2,也可能是ttf之类， url指的是调用的外部文件链接,可以是本地,可以是远程,如果是远程需要设置跨域,下面会给出方法。

使用字体代码:

body{
font-family: "xxx";
}

这里xxx需要与 font-family: ‘xxx’; 中一致，body是全局设置,也可以单独某个标签使用。

本站示例:

@font-face {
	font-family: 'ziti';font-style: normal;font-display: swap;src: url('https://www.wuyouw.com/fonts/two.ttf');
}
body {
	font-family: 'ziti';
}

跨域使用方法:

nginx使用方法:

在网站配置文件中添加

location ~* \.(eot|otf|ttf|woff|woff2)$ {
    add_header Access-Control-Allow-Origin *;
}

Apache使用方法:

在网站根目录 .htaccess 文件中添加

  
    Header set Access-Control-Allow-Origin "*"
  

字体可以去这个网址免费下载:

字体下载