中文字体引用(如思源雅黑)
第一步: 网站下载字体: http://www.downcc.com/font/326030.html
第二步:百度 @font-face生成器 (字客网 https://www.fontke.com/tool/fontface/ 生成不同格式和字体和样式,页面引用即可)
解决chrome浏览器下@font-face字体图标出现锯齿:
要注意不同格式字体引用顺序问题 》 eot>svg>ttf>woff2>woff
@font-face { font-family: "SourceHanSansCN-Regular"; src: url("font/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("font/SourceHanSansCN-Regular.svg") format("svg"), url("font/SourceHanSansCN-Regular.ttf") format("truetype"), url("font/SourceHanSansCN-Regular.woff2") format("woff2"), url("font/SourceHanSansCN-Regular.woff") format("woff") ; font-weight: normal; font-style: normal; }
*{font-family:'SourceHanSansCN-Regular',Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust:none; }