Web：CSS中对字体font的相关设置

最新推荐文章于 2023-03-14 19:07:43 发布
最新推荐文章于 2023-03-14 19:07:43 发布
阅读量740 收藏
点赞数 1
分类专栏： 前端 HTML CSS 文章标签： 前端 css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_61631131/article/details/127562137
版权
前端 同时被 3 个专栏收录
3 篇文章 0 订阅
订阅专栏
HTML
1 篇文章 0 订阅
订阅专栏
CSS
1 篇文章 0 订阅
订阅专栏
  • CSS字体属性
    • CSS Fonts(字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体）。
    • 1字体系列
      • CSS使用font-family属性定义文本的字体系列。

      • 各种字体之间必须使用英文状态下的逗号隔开
      • 般情况下,如果有空格隔开的多个单词组成的字体,加引号.
      • 尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示
    • 2文字大小
      • CSS使用font-size属性定义字体大小。

      • px（像素)大小是我们网页的最常用的单位
      • 谷歌浏览器默认的文字大小为16px
      • 不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小
    • 3字体粗细
      • CSS使用font-weight属性设置文本字体的粗细。

Algorithm-007
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
web页面字体设置
12-02
web页面字体设置
web选择颜色,设置样式,设置字体
05-17
HTML选取颜色，设置字体。web设置样式不错的选择
CSS字体样式属性调试
Web_chicken的博客
09-08 7415
CSS字体样式属性调试 1.font-size font-size属性用于设置字号 p { font-size:20px; 2.font-family font-family用于设置字体 p { font-family:"Mirsoft YaHei"； } 网页中常用字体有宋体，微软雅黑，黑体等 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个,直到找到合适的字体，如果都没有，则以我们电脑默认的字体为准。 p { font-family:"Mirsoft YaHei"
[转载]网页字体设置你了解吗？
weixin_30682415的博客
07-17 125
以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体，然而当更多的设备和系统出现后，以前这样的设置已不能满足网页在各设备上的显示需求。 就拿最简单的宋体(simsun)来说吧，在Windows系统下显示是一个比较容易阅读的字体，然而在Mac上简直无法直视，如下图给出一个优化前后页面的对...
web中使用自己想要的字体
like_a_diamond的博客
10-17 2193
找一个字体库下载字体解压后添加到文件夹。
7.20 Web前端-字体样式
执笔绘江山的博客
07-20 4310
可以将字体设置为这些大的分类,当设置为大的分类以后，浏览器会自动选择指定的字体并应用样式，一般会将字体的大分类，指定为font-family中的最后一个字体，用来兜底。今天为大家介绍一下关于字体的相关知识，这里的知识比较简单，因为之前的教学中我们已经接触到了一部分关于字体的知识，在这里我来汇总说一下。很多人在一个块元素或者行内块元素中间写文字的时候，会经常烦恼文字上下对不齐，这时候就要用到行高设置来确保文字在上下是居中的，设置的百分比，是父元素内容区长度的百分比，是相对单位，在设计项目中经常会使用到；...
关于CSS中字体设置的相关说明
12-13
在CSS中,你可以用四个不同的单位度量来显示在web浏览器中的文本大小。这四个单位哪一种最适合Web? 这个问题引起了广泛的争论。找到一个确定的答案是困难的, 因为这个问题,本身就是如此难以回答。　接触这些单位 　1....
CSS中的字体大小设置属性总结
01-19
在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EMS优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。...
CSS3 + @font-face 在网页中嵌入自定义Web字体
09-07
在CSS3所有时髦的新功能中，很难说哪个最好。但是，假如非要找出 那么一个功能，一个现在就能用，而且能够令人浮想联翩的功能，我想 就要数Web字体了。
web-font:字体裁剪工具
03-20
网络字体字体裁剪工具起因ui需要展现一些特定的字体，但直接约会字体包又过大，于是想到了裁剪字体，一开始想的使用“字蛛”但他是...另外可以生成css直接复制可用，部署在公网重新永久访问例如@font-face { font-fam
Web字体
coolchaobing的博客
07-31 1511
认识Web字体
web字体
娓娓道来
07-29 959
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> @font-face { font-family: 'shuang...
web(html运行）设置字体大小、样式及字体名称
热门推荐
zengdanli的博客
04-26 1万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS列表属性综合应用</title> <style type="text/css"> h3{text-align: center;color: #3300ff;} hr{color: #660066;} #p1{font-size: 20
web设计经验<七>13步打造优雅的WEB字体
10-20 276
今天，大多数浏览器已经默认支持Web字体，日趋增多的字体特性被嵌入最新版HTML和CSS标准中，Web字体即将迎来一个趋于复杂的崭新时代。下面是一些基本的关于字体的规则，特别适用于Web字体。 原文地址：creativebloq译者：特赞Tezign 顺便附上一个神器：《前端工程师的菜！姗姗来迟的中文WEBFONT（附神器推荐）》 印刷字体是静态的，而网页字体却是圆...
Web开发——文字样式
TSUKI_Yu的博客
10-23 2901
CSS基础-文字样式
web-font使用教训
SImon_Lee的博客
11-13 879
用于总结自己在使用web_font的时候遇到的问题，与自己解决问题的思路一、业务需求在移动web页面编辑文字，提供一定的中英文字体选择； （1）、无论是移动web还是pc,可以供选择的字体是非常有限的；特别是中文字体，需要自己下载；往往是非常大的，这样项目会变得的非常的臃肿，用户体验就更加不用说了。 ![这里写图片描述](http://img.blog.csdn.net/20171020184342
【web前端开发】CSS文字和文本样式
云泽野の编程日记
03-14 3961
本篇文章主要讲解CSS中的文字和文本样式及一些实用技巧.文章最后有思维导图.
css字体设置了font-family: 'DIGITALDREAMFAT'但是每次一刷新就会变
最新发布
06-01
你可以尝试在 CSS 中使用 Web 安全字体，这些字体可以跨平台使用，并且被广泛支持。例如，你可以将字体设置为： ``` font-family: Arial, Helvetica, sans-serif; ``` 这将首先尝试使用 Arial 字体，如果不可用，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Algorithm-007

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值