字体修改
常见字体
字体文件格式在Web开发中扮演着重要的角色，以下是几种常见的web字体格式：
TrueType (.ttf)
- TrueType 是一种广泛应用于Windows和Mac操作系统的字体格式。它通过数学模式定义轮廓技术，使得字体在缩放或旋转时保持清晰无锯齿的显示效果。
Embedded Open Type (.eot)
- EOT（嵌入式OpenType）是微软专为网页设计的一种字体格式，允许将OpenType字体嵌入到网页并由浏览器下载渲染。这种格式确保字体只在用户浏览当前页面时临时安装在系统中。
OpenType (.otf)
- OpenType是一种高级的字型格式，结合了TrueType和PostScript的优点，支持多种复杂特性如连字、多语言支持等。由微软与Adobe联合开发，其文件扩展名为.otf。
Web Open Font Format (.woff)
- WOFF（Web Open Font Format）是专门为网络应用优化的字体格式，是对TrueType和OpenType格式的封装和压缩版本。WOFF文件包含了字体数据和元数据，并针对网络传输进行了高效压缩，无加密或DRM保护措施，被各大主流字体供应商广泛支持。
SVG Fonts (.svg, .svgz)
- SVG Fonts 使用SVG（Scalable Vector Graphics）技术来呈现字体，这意味着它们本质上是矢量图形，可以任意缩放而不失真。SVG字体可以通过简单的文本命令实现丰富的图形图像效果，包括色彩渐变、路径、自定义字体以及透明和滤镜效果等。其中.svgz是gzip压缩过的SVG字体格式，更利于网络传输。
CSS支持字体样式，通过@font-face属性在网页中嵌入自定义字体，主流的浏览器都支持这种方式，同时CSS字体属性还可以定义字体，加粗，大小，文字样式等。
默认支持:
body{
font-family: "serif","sans-serif","cursive","fantasy","monospace";
}body{
font-family: "sans-serif,monospace,微软雅黑,黑体,宋体";
}
<body>我喜欢的写法：
.myfont{
font-family:"微软雅黑","黑体","宋体";
}<div class="myfont"> Hello World! 这个网站很酷 zhangxiaocai.cn </div>自定义引入
如果想使用自定义的字体，首先引入
@font-face {
font-family: 'myfont';
src:url('字体文件1.woff'),
url('字体文件2.ttf'),
url('字体文件3.eot');
}
body{
font-family: 'myfont' ;
}
