失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html css调用自定义字体 html css使用特殊自定义字体避免侵权

html css调用自定义字体 html css使用特殊自定义字体避免侵权

时间:2023-06-22 02:09:36

相关推荐

html css调用自定义字体 html css使用特殊自定义字体避免侵权

一般系统支持的网页常见中文字体有:宋体、雅黑、黑体。但是大多网站使用电脑自带微软雅黑(方正的)可能侵权

p {

font-family: Arial,sans-serif;

}

可免费商用字体百度自行下载

一、系统自带字体

黑体、楷体、宋体、新宋体、仿宋、幼圆、隶书 可以免费商用。

二、思源字体

思源黑体、思源宋体可以免费商用。

三、站酷字体

站酷高端黑、站酷酷黑、站酷快乐体 可以免费商用。

四、艺术类字体

庞门正道标题体、庞门正道粗书体 可以免费商用。

五、可商用英文字体

Times New Roman

用上面字体制作网页就不会有问题了

字体转换网站/tool/convfont/

添加自定义特殊字体:

第一步

获取要使用字体的三种文件格式,确保能在主流浏览器中都能正常显示该字体。

.TTF或.OTF,适用于Firefox 3.5、Safari、Opera

.EOT,适用于Internet Explorer 4.0+

.SVG,适用于Chrome、IPhone

@font-face {

font-family: 'aaaaaa';//自定义字体名称

src: url("../font/x/x.eot");

/* IE9 */

src: url("../font/x/x.eot?#iefix") format('embedded-opentype'),

/* IE6-IE8 */

url("../font/x/x.woff") format("woff"),

/* chrome, firefox */

url("../font/x/x.ttf") format("truetype"),

url("../font/x/x.svg#DINCondRegular") format("svg");

/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */

}

第二步

获取到几种格式的字体文件后,在页面中需要的地方使用该字体即可:

p{font-family: aaaaaa}

标签:自定义,..,format,url,html,字体,商用,font,css

来源: /hiit/p/14183386.html

如果觉得《html css调用自定义字体 html css使用特殊自定义字体避免侵权》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。