@font-face { font-family: 华文隶书; src: url( ../font/STLITI.eot ); /* IE */ src: url( ../font/STLITI.ttf ) format("truetype"); /* 非IE */ }...
转载
2014-05-19 09:14:00
952阅读
文章目录载入字体使用字体载入字体font-family:'字体名'src 字体文件地址 例如：@font-face { font-family: 'al-Bold'; src: url(Alibaba-PuHuiTi-Bold.ttf);}@font-face { font-family: 'al-Medium'; src: url(Alib
原创
2023-02-14 09:24:21
561阅读
在 @font-face 规则中：首先定义字体的名称（例如 myFirstFont），然后指向该字体文件。提示：字体 URL 始终使用小写字母。大写
转载
2022-11-07 17:49:41
98阅读
1 下载tff格式的字体2 assets中新建文件夹fonts，把tff字体文件放在fonts，并在assets/css中新建font.cs
原创
2022-10-09 22:56:01
325阅读
本节学习CSS中通过文本样式的设置，来更改字体样式等。 font-size用来设置字体大小。 ①直接用数字+px表示多少像素。②用一个层级值xx-small，x-small，small，medium，large，x-large，xx-large从小到大。③使用smaller和larger表示相对于父元素字体的大小。④数字+%表示相对于父元素的字体的百分比大小。font-variant设置字体是
转载
2023-08-21 16:35:22
246阅读
转载自：http://www.2cto.com/kf/201312/265179.html@font-face可以实现从服务器端加载字体，所有浏览器中使用的字体就可以不受本地字体的限制。@font-face真的不是什么新鲜玩意，早在2001年时就被提出来，只不过近两年才被各浏览器广泛支持。而且各浏览器支持的字体文件格式也可能不同，一般来说如下四种格式可覆盖所有浏览器。
转载
2021-08-18 00:01:03
502阅读
在制作网页的时候我们通过会通过设置 font-family 来定义页面字体，但有的时候系统自带的字体并不能满足我们的全部需求，为了页面的丰富性和美观性，我们可能需要在特定的地方使用一些特定的字体。
如果这个艺术字的内容是固定的，那我们大可以直接用切图的方式来解决，比如网站的 Logo 这种；但有一些例如网站的标题，订单数字等动态生成的内容，就没办法切图了，这个时候我们就可以引入自定义的字体了。自定
转载
2023-11-09 06:04:51
1721阅读
一、字体 font-family font-family:[字体1] [,字体2] [,...]
例如： font-family:"宋体"; 1. 含空格字体名和中文，用英文引号( " ) 括起 font-family:"微软雅黑";
font-family:"Calibri Light"; 2. 多个字体，用英文逗号 “,” 隔开 设置多个字体，浏览器依次查找，如果都没有
CSS颜色通常有三种表示的方法第一种直接写颜色所对应的英文，比如：red是红色， blue是蓝色 第二种是十六进制表示法，比如：#ff0000是红色 第三种是R(红),G(绿),B(蓝),A(透明度)表示，比如：color: rgba(200,0,0,0)十六进制 0-9， a-frgba前三个的取值范围 0-255， a的取值为0-1之间的小数，0代表完全透明，1代表完全不透明CSS常用的文本样
转载
2024-01-15 08:57:58
138阅读
使用CSS设置字体和文本样式：1.定义字体类型font-family用法：font-family:name;
font-family:ncursive|fantasy|monospace|serif|sans-serifname表示字体名称，可指定多种字体，用空格隔开。按优先顺序排列。如果字体名称包含空格，则应该使用括号（）括起来。 font是一个复合属性，所谓复合属性是指该属性能够设置
转载
2024-04-20 21:12:17
270阅读
居中，在网页web开发的应用场景是非常广泛的，在很多时候居中的设计会更显得美观大方，同时在UI设计中也是很常用的布局手法。所以在学习css布局中，学会居中是必不可少的功课，下面我就简单的介绍在开发中经常用到的居中方法。注： 以下方法暂不考虑IE浏览器兼容的问题。1. 字体垂直居中文字居中是一个常见，也很基础的应用。其方法也很简单，只要设置字体的行高line-height（自行百度）和盒子的高度一致
转载
2024-06-13 19:36:01
178阅读
网站图标和字体图标1.网站图标作用：一个好的ico图标可以加深用户对于网站的记忆。降低用户记忆成本，就好像现在说道熊爪大家都能够想到度娘，更多的属于用户体验。有利于识别当前窗口是在哪个网站。制作流程： （1）一张图 （2）在网上将图片做成ico图标（网址：http://www.bitbug.net/） （3）在html中引入<link rel="shortcut icon"...
原创
2022-03-02 17:47:56
388阅读
网站图标和字体图标1.网站图标作用：一个好的ico图标可以加深用户对于网站的记忆。降低用户记忆成本，就好像现在说道熊爪大家都能够想到度娘，更多的属于用户体验。有利于识别当前窗口是在哪个网站。制作流程： （1）一张图 （2）在网上将图片做成ico图标（网址：http://www.bitbug.net/） （3）在html中引入<link rel="shortcut icon"...
原创
2021-08-18 02:04:29
477阅读
CSS定义字体行间距 line-height:xxpx;CSS定义字体间距下面我们讲述一下CSS的文本属性，还是先来看一下文本属性的详细列表：属性属性含义属性值Word-spacing定义了各个单词之间的间距Normal<length>必须以长度为单位Letter-spacing
定义了每个字母之间的间距同上Text-decoration定义文字的“装饰”样式
原创
2017-07-21 15:23:15
2343阅读
下载并安装Adobe Illustrator CC 2019简称AI下载并安装FontLab7简称AI软件安装包:链接: https://pan.baidu.com/s/1C8d44Y2z4ro7hKg9amt86g 提取码: tvng自定义字体 为什么要使用自定义字体？浏览器对于字体的支持力度不一样，概括的说：不是所有的字体浏览器都支持!换而言之：要使用浏览器不支持的字体，就得通过其它方法解决解决方案：css3中使用@font-face可以支持浏览器不支持得字体第一步、需要将字体文
原创
2021-08-07 09:54:11
698阅读
下载并安装Adobe Illustrator CC 2019简称AI下载并安装FontLab7简称AI软件安装包:链接: https://pan.baidu.com/s/1C8d44Y2z4ro7hKg9amt86g 提取码: tvng自定义字体 为什么要使用自定义字体？浏览器对于字体的支持力度不一样
原创
2022-03-01 10:05:44
847阅读
viewpointcss3提供了一些与当前viewpoint相关的元素，vw，vh，vim等。“viewpoint” = window sizevw = 1% of viewport width
1vh = 1% of viewport height
1vmin = 1vw or 1vh, 最小
1vmax = 1vw or 1vh, 最大兼容性：chrome 20+/ safari 6+/ IE
转载
2024-01-15 00:40:05
79阅读
字体属性 font-family font-size font-weight font-style 复合属性 文本属性 ...
转载
2021-07-26 17:06:00
488阅读
2评论
字体大小 font-size 属性设置文本的大小。 能否管理文字的大小，在网页设计中是非常重要的。但是，你不能通过调整
字体大小使段落看上去像标题，或者使标题看上去像段落。 请务必使用正确的HTML标签，就<h1> - <h6>表示标题和<p>表示段落：
字体大小的值可以是绝对或相对的大小。 绝对大小
转载
2016-10-18 16:01:00
343阅读
2评论
1、字体族 字体是一推的东西，字体族就是一堆的字体，具体可以分为5个字体族 － serif sans-serif monospace cursive fantasy serif 衬线字体，就是字体周围会一些装饰性，像衬衫一样，顶部或底部会有多出来的短线，比如宋体 sans-serif 非衬线字体，它
转载
2019-01-17 07:04:00
388阅读
2评论
