html如何添加字体
1.添加普通字体:比如:font-family:,;
一般系统支持的网页常见中文字体有:宋体、雅黑、黑体。
body{
font-size
:
14px
;
color
:
#333
;
background
:
#fff
;
font-family:"Times NewRoman",
"Microsoft YaHei"
,
"simsun"
,
"Helvetica Neue"
,
Arial
,
Helvetica,Georgia,Serif
;}
2.添加自定义特殊字体:
第一步
获取要使用字体的三种文件格式,确保能在主流浏览器中都能正常显示该字体。
.TTF或.OTF,适用于Firefox 3.5、Safari、Opera
.EOT,适用于Internet Explorer 4.0+
.SVG,适用于Chrome、IPhone
第二步
获取到三种格式的字体文件后,下一步要在样式表中声明该字体,并在需要的地方使用该字体。
特殊字体声明如下:
@font-face {
font-family: 'fontNameRegular';
src: url('fontName.eot');
src: local('fontName Regular'),
local('fontName'),
url('fontName.woff') format('woff'),
url('fontName.ttf') format('truetype'),
url('fontName.svg#fontName') format('svg');
}
在页面中需要的地方使用该字体即可:
h1{font-family: fontNameRegular}
html如何添加字体相关推荐
- 从源码分析DEARGUI之添加字体
def add_additional_font(*args, **kwargs): # real signature unknown"""Adds additional ...
- Linux下添加字体(QT可用)
Linux下面的字体(特别是一些嵌入式设备)不像windows下那么丰富,不过也可以自己手动添加.主要就是.ttf文件的搬运工~下面就来说说如何在Linux下添加字体吧! 1.首先在windo ...
- Linux下JRE添加字体
Linux下JRE添加字体 系统上线,客户的数据里有外字,也就是自己造的字,自然是显示不出来的,然后就要求把外字添加到环境里.. 系统的服务器是REDHADEnterprise 5,客户端是VISTA ...
- 富文本中添加字体选项功能_扑中的字体功能
富文本中添加字体选项功能 A little extra help for styling your text 样式设置方面的一些额外帮助 I recently learned about a litt ...
- Qt Qml 查看所有字体、添加字体库、使用字体库的方法
最近换了项目里的字体,所以整理一下qt设置字体相关的一点内容, 主要包括: 1.查看当前系统里所有字体的名称 2.添加路径下的字体库 3.使用字体库 一.查看当前Qt所有字体的名称 为什么要查看字体名 ...
- python字体描边_Android为TextView添加字体库和设置描边的方法
一.使用系统自带的字体 开发Android的人大多都知道,Android里面对字体的支持少得可怜,默认情况下,TextView 的 typeface 属性支持 sans.serif和monospace ...
- [Ubuntu18.04遇到的问题及解决办法]缺失字体如何手动添加字体
@[TOC][Ubuntu18.04遇到的问题及解决办法] 缺失字体如何手动添加字体 大家在使用Ubuntu时,可能会遇到系统缺失字体的问题,比如,安装WPS会提示缺失simsun,wingdings ...
- three.js 添加字体
本篇文章是对three.js如何添加字体的一个总结. 1. 关于低版本three.js添加字体 我在网上找到的教程就是使用的这种办法,但是我使用的76版的threeJs已经不支持了,没有具体深究是什么 ...
- 初次使用Ubuntu18.04遇到的问题——笔记2(Ubuntu18.04 缺失字体如何手动添加字体+Ubuntu18.04 右键怎么添加新建空白文本文件+Ubuntu18.04 如何创建文件夹的快)
目录 碎碎念: Ubuntu18.04 缺失字体如何手动添加字体 首先需要找到缺少的字体文件: 找到缺失的字体文件后的添加过程: 1. 找到字体位置 2. 拷贝字体 3. 建立字体索引信息并更新缓存 ...
- iOS 添加字体库 —— HERO博客
简述一下如何在项目中添加字体及其使用. 首先去网上下载所需字体,将下载的字体文件导入到工程中.如图20-1,将下载的"迷你简少儿.ttf"文件导入到工程中. 在工程的Info.pl ...
最新文章
- 重磅!MaxCompute助力阿里开源自研语音识别模型DFSMN,准确率高达96.04%
- 计算机视觉 - 知识点总结(面试、笔试)
- DOS特殊字符转义方法
- Windows Server 2008 R2 负载平衡入门篇
- arm-linux-gnueabi和arm-linux-gnueabihf 的区别
- 定个小目标,炒股咯....
- Python计算电场中两点间的电势差
- saltstack event 实践
- 《解析深度学习:语音识别实践》.pdf
- JAVA Eclipse 启动 Eclipse 弹出“Failed to load the JNI shared library jvm_dll”怎么办
- SQL Server误区30日谈-Day28-有关大容量事务日志恢复模式的误区
- 易筋SpringBoot 2.1 | 第十六篇:SpringBoot通过JDBC访问数据库
- android11怎么降级真我,安卓11怎么降回安卓10?安卓11降回安卓10相关操作步骤
- 【WIN】【C++】遍历文件夹下所有文件
- AH8063,输入6.6V-30V,4A大电流,三节锂电池充电管理芯片iC
- 测试用例设计正交试验法、功能图法
- 三星a5000刷Android原生,三星 A5000中文Recovery刷机教程
- html5图片自动滑动,超简单的图片左右切换滑动
- 南大软院大神养成计划--CSS网页布局
- T155235 判断升序排列