iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > html >CSS如何设置字体样式
  • 1120
分享到

CSS如何设置字体样式

2024-04-02 19:04:59 1120人浏览 泡泡鱼
摘要

这篇文章主要介绍“CSS如何设置字体样式”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS如何设置字体样式”文章能帮助大家解决问题。一、font标签设置字体&nb

这篇文章主要介绍“CSS如何设置字体样式”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS如何设置字体样式”文章能帮助大家解决问题。

一、font标签设置字体 

<font face="微软雅黑">我被设置为微软雅黑</font>

CSS如何设置字体样式

font标签设置face字体属性其值即可设置不同字体

二、css设置字体样式  

css字体样式单词为font-family

  1. .编程网{font-family:"微软雅黑"} 


<div class="编程网">为被编程网样式选择器设置了字体为微软雅黑</div>

CSS如何设置字体样式

三、常用中文字体   

常用的中文字体:
1、黑体
2、宋体
3、微软雅黑

请勿乱添加自己电脑安装字体,不然会造成因为客户电脑没有安装你设置字体,造成设置字体样式失效。

四、中文字体的中文字需要转unicode编码  

为了避免IE9等浏览器对直接设置中文字体汉字兼容问题,ie9中文汉字字体造成line-height失效,建议将设置字体的中文汉字转为unicde,转码后设置字体效果相同不受影响,会兼容有些浏览器不支持中文汉字的问题。

黑体 转unicode为 \9ED1\4F53
宋体 转unicode为 \5B8B\4F53
微软雅黑 转unicode为 \5FAE\8F6F\96C5\9ED

关于“CSS如何设置字体样式”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网html频道,小编每天都会为大家更新不同的知识点。

--结束END--

本文标题: CSS如何设置字体样式

本文链接: https://www.lsjlt.com/news/91325.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作