css引用苹方字体 |css3 filter属性

@font-face {
font-family: 'PingFang SC';
font-style: normal;
font-weight: 400;
src: local('PingFang SC'),
url('PingFangSC-Regular.ttf') format('truetype'),
url('PingFangSC-Regular.woff2') format('woff2'),
url('PingFangSC-Regular.woff') format('woff'),
url('PingFangSC-Regular.svg#PingFang SC') format('svg'),
url('PingFangSC-Regular.eot?#iefix') format('embedded-opentype');
}

在上面的代码中，大家使用了@font-face属性来定义了苹方字体。其中，font-family属性指定了字体家族的名称，可以在后面的CSS样式中使用；font-style和font-weight属性指定了字体的样式和粗细；src属性指定了字体文件的路径和格式。

需要注意的是，在不同的浏览器中可能需要使用不同的字体格式，上面的代码中包含了多种不同格式的字体文件，以确保在不同的浏览器下都能正确显示苹方字体。

在使用苹方字体时，大家可以如下使用CSS样式：

body {
font-family: 'PingFang SC', sans-serif;
}

在上面的代码中，大家使用了font-family属性将苹方字体应用到了整个页面中。如果想要在页面中使用其他样式的苹方字体，只需要在@font-face中加入相应的字体文件即可。