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

p {

font-family: Arial,sans-serif;

}

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

一、系统自带字体

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

二、思源字体

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

三、站酷字体

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

四、艺术类字体

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

五、可商用英文字体

Times New Roman

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

字体转换网站https://www.fontke.com/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

来源: https://www.cnblogs.com/hiit/p/14183386.html

html css调用自定义字体,html css使用特殊自定义字体避免侵权相关推荐

  1. html css调用自定义字体,css怎么自定义字体样式?

    在CSS中,可以通过@font-face规则来指定一个用于显示文本的自定义字体.@font-face规则允许网页开发者为其网页指定自定义的字体, 通过这种自定义字体的方式,可以消除对用户电脑字体的依赖 ...

  2. html css调用自定义字体,css怎么自定义字体?

    css自定义字体的方法步骤:1.下载所需字体,并将下载的字体文件放入font文件夹中.2.使用css的@font-face规则引入下载的字体即可使用自定义的字体了. css自定义字体的方法详解: 1. ...

  3. css 调用外部字体、自定义字体

    比如使用下图字体: 怎么弄?如下: 效果: <!DOCTYPE html> <html lang="en"><head><meta cha ...

  4. css字压,CSS自定义字体的实现,前端实现字体压缩

    CSS 自定义字体 移动端如何兼容UI给的字体 [toc] 移动端的默认字体 IOS 默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue And ...

  5. css中字体下划线样式,css下划线 浅谈css自定义下划线

    使用css样式对一段文字或一段文字中其中几个文字设置虚线效果的下划线如何实现?我们知道css字体下划线使用text-decoration样式实现,而虚线下划线则不能使用此css样式属性.要实现通过下边 ...

  6. 定义自定义字体需要css的什么规则,css3自定义字体需要什么规则 css3基本选择器...

    CSS如何自定义文字位置? 控制字体位置可以用paddingmargintext-indent单位可以是pxem%(em是根据你设置的字体大小设定的,假如你设置字体为12px,那么2em就是24px. ...

  7. html 载入服务器字体,css调用服务器端字体示例代码

    css 怎么调用外部字体 在test页面打开的页面中添加一个class为anim的div代码.如下图所示: 在打开的页面找到接着设置an 比如我网页设置 微软雅黑 字体在我的电脑上安装了雅黑字体肯定能 ...

  8. HTML页面引入字体@font-face CSS指定字体从远程服务器下载

    @font-face @font-face CSS at-rule 指定一个用于显示文本的自定义字体:字体能从远程服务器或者用户本地安装的字体加载. 如果提供了local()函数,从用户本地查找指定的 ...

  9. php如何导入字体样式,css怎么引入外部字体?css 字体样式设置的方法(实例)...

    在浏览器显示中,页面上不同的字体样式,不仅提升了页面的美观度,也提升了用户的浏览交互性.那么这些不同的字体样式是怎么用css设置的?本章就给大家带来css如何引入外部字体?css 字体样式设置的方法( ...

  10. 06 【CSS字体属性 CSS文本属性】

    8.CSS字体属性 CSS Fonts(字体)属性用于定义:字体系列.大小.粗细.和 文字样式(如:斜体). 8.1字体族 font-family 字体族(字体的格式) CSS 使用 font-fam ...

最新文章

  1. 通过js判断不同终端类型,跳转到不同的页面
  2. Swift5.1 语言指南(九) 闭包
  3. 前端白屏问题_深入理解前端性能监控
  4. vue弹出层滑动禁止背景跟着滑动_vue移动端弹起蒙层滑动禁止底部滑动操作
  5. 笨办法学 Python · 续 练习 10:`sort`
  6. Python chardet模块
  7. 服务器appcrash的问题怎么修复,ghost win7出现appcrash的问题怎么修复
  8. 基于主从博弈的智能小区电动汽车充电管理及代理商定价策略
  9. c语言中max代表什么,什么是C中的DBL_MAX?
  10. STM32F103使用L9110s驱动直流电机(必须简单易懂)
  11. ArcMap右侧目录不见了怎么找到
  12. 连的共享打印机显示服务器脱机,打印机显示服务器脱机
  13. 测试基础:测试用例设计方法
  14. 关于专利撰写的注意事项
  15. 第四阶段product笔记
  16. Java 线程的几种状态及其切换的条件
  17. 高质量解读《互联网企业安全高级指南》三部曲(技术篇)——移动应用安全
  18. 电脑文件夹上出现蓝色问号的解决方法
  19. 【数据库】Oracle中的字符型及处理方法
  20. 见过最好的神经网络CNN解释

热门文章

  1. 小笔记-简单但够用系列_informix静默安装
  2. Informix ODBC 设置
  3. 如何解决SQL server 恢复挂起状态
  4. VC与VS的对应关系
  5. 美图秀秀去广告单文件版 v6.4.3.0
  6. 中文字符:中国 的unicode/UTF-8/GBK编码
  7. 协创物联网合肥产业园项目远程预付费电能管理系统的设计与应用
  8. Excel 2016新增函数之MaxIFS、MinIFS
  9. PRML_4章 线性模型分类笔记
  10. Qt学习之路八——利用qt对数据库进行操作