免费模板网标签tags 澳门金沙网上赌博...
您的位置:首页 > div+css > 怎么使用苹果苹方字体

怎么使用苹果苹方字体

时间:2018-01-25 来源:网上收集 作者:Tony 阅读次数 tags字体

分享到:

最近一个客户需要使用苹果官网的苹方字体,这里面要涉及到css字体的使用

<style>
@font-face {
    font-family: "PingFang Regular";
    src: url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Regular/PingFang Regular.eot"); /* IE9 */
    src: url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Regular/PingFang Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Regular/PingFang Regular.woff") format("woff"), /* chrome、firefox */
    url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Regular/PingFang Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Regular/PingFang Regular.svg#PingFang Regular") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "PingFang Medium";
    src: url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Medium/PingFang Medium.eot"); /* IE9 */
    src: url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Medium/PingFang Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Medium/PingFang Medium.woff") format("woff"), /* chrome、firefox */
    url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Medium/PingFang Medium.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Medium/PingFang Medium.svg#PingFang Medium") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
</style>
<h1 style="font-family: PingFang Medium, sans-serif;">硬表面清洁</h1>

这样就可以扩展到其他字体的使用了,有个麻烦的就是需要下载对应的字体,当然也可以使用web字体

本文地址:bjrm/2018/0125/2943.html

猜你喜欢
栏目推荐
模板推荐

Copyright:2014-2018 www.freemoban.com Corporation,All Rights Reserved 免费模板网 版权所有 鄂ICP备17019132号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,请通知我们,我们会及时删除侵权内容,谢谢合作!

建站咨询QQ
博聚网