首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

使用纯CSS代码更改WordPress全站字体

废话 不少博主喜欢美化自己的博客,而一个好看的字体可以让人眼前一亮,还可以提高阅读舒适度。作为一个二次元类(伪)的博客怎么能没有一个可爱的字体呢?...正文 我在网上也找了些教程,但是大部分代码错误或者是外部链接用不了。...所以这里Daimon分享一下自己用的字体css(更换字体可以自己用github+jsdiver上传自己喜欢的字体,这样可以缓解服务器压力,毕竟宽带小的服务器加载几mb的字体还是略微吃力)。...具体效果看本站字体就行了(๑╹ヮ╹๑)ノ 教程开始: 首先进入你网站后台打开侧边栏→外观→自定义→额外CSS。...然后将下面代码复制粘贴进去,然后发布就可以了(´∇ノ`*)ノ @font-face { font-family: 'moonbridge'; src: url('https://cdn.jsdelivr.net

1.8K20

CSS 字体介绍

选择合适的字体,对提高网页的美观度和可读性有着举足轻重的作用。本文简要介绍了 CSS 中与字体相关的知识。...指定字体 CSS 的 font-family 命令,指定了网页元素所使用的字体,如 font-family: Georgia, "Times New Roman", "Microsoft...如果找不到该种字体,或者该种字体不包括所要渲染的文字,则使用下一种字体。 如果所列出的字体,都无法满足需要,则操作系统自行决定使用哪种字体。...使用注意点 绝大部分中文字体里包含英文字母(基本上都很丑),而英文字体是不包含中文字符的。因此 font-family 应该优先指定英文字体,然后再指定中文字体。...否则,中文字体所包含的英文字母,会取代英文字体,而这往往很丑的。 把 Mac 支持的字体放在 Windows 前面。

3K30

CSS字体font

字体大小 font-size 设置字体的大小 ,px 是一个单位,代表屏幕的上的像素,在css大多数数值都需要添加单位 font-size: 12px; 字体粗细 font-weight 设置字体的粗细...,取值:默认(normal) 、加粗(bold)、 100 - 900 font-weight:bold 因为字体在初始设计的时候就没有设置太多的粗细标准,用数字设置的时候,只有在400和700会产生变化...,在实际工作中 用的最多的就是normal(400) bold(700) 字体风格 font-style 设置字体的风格(样式) 取值:normal 默认 显示标准的字体样式 italic 字体倾斜...font-style:italic; 字体类型 font-family 设置不同的字体,取值:宋体、微软雅黑、黑体等等。...font-family:"宋体"; 字体可以写多个,中间用逗号隔开,浏览器会从左到右依次解析,直到识别出当前电脑安装的字体则直接使用,字体名称中如果有空格 # $ 这种特殊字符的时候需要添加上引号 中文字体也需要添加引号

2.8K30

谈谈一些有趣的CSS题目(五)-- 单行居中,两行,超过两行省略

5、单行居中显示文字,多行显示,最多两行超过用省略号结尾 这题就厉害了我的哥。...题目就是如上要求,使用纯 CSS,完成单行文本居中显示文字,多行显示,最多两行超过用省略号结尾,效果如下: 不愿看长篇大论的可以先看看效果:-webkit- 内核下 Demo 戳我 ?...首先是单行居中,多行 居中需要用到 text-align:center,是默认值也就是text-align:left。如合让两者结合起来达到单行居中,多行呢?...这就需要多一个标签,假设一开始我们定义如下: 单行居中,多行 现在,我们在 h2 中间,嵌套多一层标签 p: 单行居中,多行 我们让内层 p ...记得上面我们解决单行居中,多行时的方法吗?

1.2K50

式堆式堆代码实现

式堆 性质 零路径长 零路径长的定义为: 零路径长:从节点X到一个没有两个子节点的(有一个子节点或没有子节点)节点的最短距离 对于零路径长,有以下递归的计算方法: 每个节点的零路径长比子节点的最小零路径长大...1 NULL的节点的零路径长为-1,只有一个子节点或没有子节点的节点零路径长为0 式堆 式堆是特殊的优先堆,除了有序性(每个节点的数据小于其子节点)以外,还有具有与零路径长相关的性质:对于左式堆,要求任一节点的子节点零路径长大于等于右子节点的零路径长...子树为原较小的跟节点的子树 右子树为根节点较大的堆和跟节点较小堆右子树合并的结果 如下图所示: ?...merge_op.png 对于最终结果,可能在根节点上出现不符合式堆的性质的情况,出现这种情况时,交换左右子节点即可: ?...merge_change.png 其他操作 有了核心操作合并,优先堆的其他操作可由合并实现: 插入:通过合并单个节点和现有堆实现 弹出:将根节点返回,并合并左右子堆 代码实现 节点数据结构体 type

925100

CSS字体字段样式

尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。 CSS Unicode字体 ? 为什么使用 Unicode字体CSS 中设置字体名称,直接写中文是可以的。...font-style:字体风格 在html中如何将字体倾斜我们可以用标签来实现 字体倾斜除了用 i 和 em 标签, 可以使用CSS 来实现,但是CSS 是没有语义的 font-style属性用于定义字体风格...#f00 代表红色 text-align:文本水平对齐方式 作用: text-align属性用于设置文本内容的水平对齐,相当于html中的align对齐属性 其可用属性值如下: 属性 解释 left 对齐...通过开发人员工具小指针工具,查找页面元素 左侧是html页面结构,右侧是css样式 小技巧: ctrl+滚轮 可以 放大开发者工具代码大小。 左边是HTML元素结构 右边是CSS样式。...代码: <!

13.6K20

网页|CSS字体介绍

除了上一节我们讲到的背景以外,字体也是一个我们最常用到的属性,接下来我们就来讲一讲CSS字体CSS字体(font)属性定义文本中的字体,我们将从以下几个方面进行介绍。...在一个声明中设置所有字体属性 font-family 字体系列 font-size 字体尺寸 font-size/line-height 字体尺寸和行高 font-style 字体风格 font-weight...通用字体系列 CSS定义了5种通用字体系列: a) Serif字体系列的字体成比例,而且有上下短线。成比例是指字体中的所有字符根据其不同大小有不同的宽度。例如,小写i和小写m的宽度就不同。...CSS3服务器端字体CSS3之前,Web设计师必须使用已在用户计算机上安装好的字体。...现在通过CSS3 @font-face,Web设计师可以使用他们喜欢的任意字体,并将该字体文件存放到Web服务器上,用户在访问页面时,字体会在需要时被自动下载到用户的计算机上。

2.5K20

CSS基础03-CSS字体属性

03-CSS字体属性 CSS Fonts(字体)属性用于定义字体系列、大小、粗细、文字样式(如斜体等)。 3.1字体系列 CSS使用font-family属性定义文本的字体系列。...,根据先后顺序依次查看系统是否支持,若不支持则查看后一个,若全都不支持则使用系统默认的字体显示 实际开发中,字体设置常用于标签来将整个页面中的字体全部修改掉 3.2字体大小 CSS使用 font-size...,我们应尽量给一个明确值,而不要使用默认大小 同样可以通过给设置字号大小来指定整个页面文字的大小(标题标签除外,需要单独设定) 3.3字体粗细 CSS使用 font-weight属性来设置字体粗细...)、lighter(细体)、number(直接使用数字,不要加单位,相对于单词属性值,数字属性值更推荐使用) 3.4文字样式 CSS使用 font-style属性设置文字样式,属性值有normal(默认值...,多用于取消和标签的斜体),italic(斜体) 注意:我们很少用于给文字加斜体,反而多用于使用normal来取消斜体 3.5字体复合属性 字体属性可以把以上的样式综合来写,更节约代码 <

1.8K20

通过CSS设置字体样式

字体样式 (双标签):没有任何语义的标签,通常和CSS结合使用。 font-family 设置字体类型 <!...font-family: 宋体; font-size: 24px; font-style:italic; //为了尽量少的代码只截出关键处...font-style:italic; font-weight:bold; } 浏览器显示 这样设置嫌麻烦还可以在一个声明中设置所有字体属性 浏览器显示 字体属性的顺序...:字体风格→字体粗细→字体大小→字体类型; 总结 font-family——设置字体类型——font-family:"宋体"; font-size——设置字体大小——font-size:12px; font-style...——设置字体风格——font-style:italic; font-weight——设置字体的粗细——font-weight:bold; font——一个声明中设置所有字体属性——font:italic

6K10
领券