文章目录web字体字体格式字体图标字体图标优点字体图标使用流程设计字体图标上传生成字体包下载兼容字体包字体引入到HTML第一步：在样式里面声明字体： 告诉别人我们自己定义的字体第二步：给盒子使用字
原创
2020-07-09 14:34:24
10000+阅读
文章目录web字体字体格式字体图标字体图标优点字体图标使用流程设计字体图标上传生成字体包下载兼容字体包字体引入到HTML第一步：在样式里面声明字体： 告诉别人我们自己定义的字体第二步：给盒子使用字体第三步：盒子里面添加结构追加新图标到原来库里面web字体字体格式不同浏览器所支持的字体格式是不一样的，
原创
2021-06-10 19:49:13
2358阅读
在模块的第一篇文章中，我们探讨了用于样式化字体和文本的基本 CSS 特性。在这篇文章中，我们将更进一步，详细地探索 web 字体——它们允许你下载自定义字体和你的 web 页面，以允许更多不同的、自定义的文本样式。前提：基本计算机素养，HTML 基础 (学习Introduction to HTML), CSS 基础 (学习Introduction to CSS),CSS 文本和字体基础。目标...
原创
2024-08-07 17:38:31
62阅读
@import url('http://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');body{font-family: 'Poppins',sans-serif;}
原创
2022-04-19 15:58:10
570阅读
欢迎点击「算法与编程之美」↑关注我们！本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。问题描述在我们浏览所有网页和所有使用的软件中都会涉及到一...
原创
2021-07-05 11:44:02
199阅读
CSS3嵌入Web字体一直以来Web设计师在设计网页时都想为Web页面添加一些优雅的字体，但浏览器仅限于使用用户在其系统上安装的字体呈现文本，这样一来让大部分网站受限于字体数量的不足。多年来一直都是使用图片替换文本的方式来解决页面上使用优雅字体，但这种对于频繁更换文本的网站来说是一件不切实际的事，以致于我们坚持使用这些少量的Web字体。随着技术的不断发展，出现在Web页面中使用Flash和Java
原创
2018-10-09 12:12:09
658阅读
css 字间距，使用css来控制字与字之间距离，也叫css字间距方法。使用到的css样式属性单词text-indent抬头距离，letter-spacing字与字间距。Css字间距、div css字符间距样式实例1、text-indent设置抬头距离css缩进即对，对应div设置css样式text-indent : 20px; 缩进了20px2、letter-spacing来设置字与字间距_字符间
转载
2023-07-06 23:04:12
376阅读
设置字体的颜色通过下面的代码：color : #f00;color是颜色的意思，color用来设置一个标签的前景色，表现出来也就是元素文本的颜色。它的值，一般都是使用#加16进制的颜色值来表示。字体大小通过下面这段代码设置：font-size : 1em;font-size 翻译为中文是“字体尺寸”，它的单位一般是px(像素)或em(字体高度)。 2中国的许多网站的默认字体是12px，而
转载
2023-06-15 08:25:21
269阅读
要在CSS中引入字体文件，您可以使用@font-face规则。以下是引入字体文件的步骤：将字体文件添加到您的项目中：将字体文件（通常是.ttf、.otf、.woff、.woff2等格式）下载并保存到您的项目的一个目录中。在CSS文件中使用@font-face规则：在CSS文件中使用@font-face规则来引入字体文件。在规则中，您需要指定字体文件的URL、字体名称以及适用的字体样式。例如：@fo
原创
2023-08-12 05:29:05
4336阅读
使用您需要的字体在新的 @font-face 规则中，您必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。提示：URL请使用小写字母的字体，大写字母在IE中会产生意外的结果如需为 HTML 元素使用字体，请通过 font-family 属性来引用字体的名称 (myFirstFont)：实例
原创
2022-09-11 23:43:49
1363阅读
居中，在网页web开发的应用场景是非常广泛的，在很多时候居中的设计会更显得美观大方，同时在UI设计中也是很常用的布局手法。所以在学习css布局中，学会居中是必不可少的功课，下面我就简单的介绍在开发中经常用到的居中方法。注： 以下方法暂不考虑IE浏览器兼容的问题。1. 字体垂直居中文字居中是一个常见，也很基础的应用。其方法也很简单，只要设置字体的行高line-height（自行百度）和盒子的高度一致
转载
2024-06-13 19:36:01
178阅读
是用的border。推荐伪元素：after你把这个小横线不要当成border，而是把它当成一个背景色充满的很小的div块，这样你可以随意改变
原创
2022-12-21 10:02:56
1455阅读
1.拷贝一个你喜欢的字体到zabbix-server的/usr/share/zabbix/assets/fonts目录下 2.cd /usr/share/zabbix vim include/defines.inc.php define('ZBX_GRAPH_FONT_NAME', 'fangson ...
转载
2021-07-02 23:29:00
579阅读
2评论
很多Web前端新手对响应式布局和自适应布局的概念以及制作方法分不清，简单来说响应式布局相当于流动网格布局，而自适应布局等于使用固定分割点来进行布局。接下来分享的杭州Web前端入门知识就给大家讲解用CSS做响应式布局的方法。做响应式网站离不开CSS响应式布局查询代码写法，而在此之前，我们需要了解什么是媒体查询以及如何才CSS中引入媒体查询。什么是媒体查询？媒体查询可以让我们根据设备显示器的特性（如视
转载
2020-02-19 14:46:00
295阅读
# 使用CSS的focus来实现输入框的样式变化
## 问题描述
在前端开发中，我们经常需要对输入框进行样式的修改，比如当输入框被点击或者选中时，我们希望能够改变输入框的边框颜色、背景色等。那么如何使用CSS的focus伪类来实现这些样式的变化呢？
## 解决方案
我们可以使用CSS的focus伪类来选择被选中或者获得焦点的元素，通过修改其样式来实现输入框的样式变化。下面是一个具体的示例，
原创
2023-12-03 12:34:18
122阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"> <he
转载
2008-02-01 13:26:58
1684阅读
CSS字体属性定义字体，加粗，大小，文字样式。 CSS字型 在CSS中，有两种类型的字体系列名称： 通用字体系列 - 拥有相似外观的字体系统组合（如 "Serif" 或 "Monospace"） 特定字体系列 - 一个特定的字体系列（如 "Times" 或 "Courier"） 字体系列 font-
转载
2017-06-07 19:29:00
376阅读
2评论
有关字体的简单设置。
转载
2016-08-08 13:32:00
241阅读
2评论
CSS 字体 CSS字体属性定义字体，加粗，大小，文字样式。 serif和sans-serif字体之间的区别 在计算机屏幕上，sans-serif字体被认为是比serif字体容易阅读 CSS字型 在CSS中，有两种类型的字体系列名称： 通用字体系列 - 拥有相似外观的字体系统组合（如 "Serif"
转载
2019-11-15 15:20:00
193阅读
2评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> @font-face{ font-family:feijiFont; src:ur ...
转载
2021-10-26 22:57:00
171阅读
2评论
