前端使用在线字体【思源黑体】

阿里妈妈图标库有在线思源黑体,连接速度很不错

在线字体.jpg

使用方法

@font-face {
  font-family: '思源黑体';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_0q82cltaxst.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_0q82cltaxst.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_0q82cltaxst.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_0q82cltaxst.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_0q82cltaxst.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_0q82cltaxst.svg#思源黑体-粗') format('svg'); /* iOS 4.1- */
}
*{
font-family: "思源黑体", Helvetica,"Microsoft YaHei", Arial, sans-serif;
}
/*思源黑体,这里是自定义名称,可以起别的名字,比如思源常规都可以*/

你可能感兴趣的:(前端使用在线字体【思源黑体】)