今天遇到一个需求,要在项目中使用特定的字体,因为字数较多,而且方便以后做效果,于是便采用了CSS3的@font-face规则。
1. 先看下兼容性:发现绝大部分的浏览器都已经支持
2. 接下来看看他的语法:最主要的是font-family用于指定自定义的字体名,src用于指定字体路径,其他属性可选
3. 最后是在react中使用的方式:先在assets目录下放置想要使用的字体名称,接下来在index.js调用的index.css中定义font,然后就可以在全局使用了
今天遇到一个需求,要在项目中使用特定的字体,因为字数较多,而且方便以后做效果,于是便采用了CSS3的@font-face规则。
1. 先看下兼容性:发现绝大部分的浏览器都已经支持
2. 接下来看看他的语法:最主要的是font-family用于指定自定义的字体名,src用于指定字体路径,其他属性可选
3. 最后是在react中使用的方式:先在assets目录下放置想要使用的字体名称,接下来在index.js调用的index.css中定义font,然后就可以在全局使用了