首页
学习
活动
专区
圈层
工具
发布

比例字体&等宽字体

我们都知道等宽字体和比例字体的区别,就在于比例字体(Monospaced Font)即每个字母宽度是按一定比例自动调整的,而等宽字体(Proportional font)则是固定宽度,固定间距,字体的每一个字母和字符所占的水平空间都是相同的...近年来制作的比例字体中,一般都会包含有较多的间距调整、斜体修正、合体字等信息 。 等宽字体:早期的打字机、电脑屏幕由于技术的限制,不能自动显示比例字体,因而最先出现的是等宽字体。...大多数浏览器默认会使用等宽字体显示这种文本(Courier字体就是一个等宽字体的例子,每个字母占用相同的宽度 )。元素最常用于显示计算机源码。...它是以字符0的宽度为基准, 另外一个单位ex是以小写字符x的高度为基准,当font-family改变的时候这两个单位的值也会变化,不同字体表现的样式不一样。...我们可以测试一下这个ch单位,当们把宽度设置为2ch的时候的表现是怎样: ? 总结:不同于比例字体,等宽字体具有相同的宽度字符。这种特点让它更易于阅读,拥有较高的统一性和一致性。

11.9K60

VSCode设置中英混合等宽字体

缘由 VSCode 中的 alt+shift 快捷键能够同时操作多列,但其前提是被操作的部分要完全对齐,这就要求 VSCode 编缉器使用的字体得是等宽的。 2....配置 2.1 字体 如果只是单纯使用英文或中文,则使用常见的等宽字体即可,比如 Monospace。 如果有中英文混合使用,则常见的等宽字体就无法保证中英文之间也能很好地对齐。...2.2 安装 以 Sarasa-Gothic 字体和 Windows、Arch Linux 系统为例: Windows:下载 Sarasa-Gothic 字体,根据 Sarasa-Gothic 仓库给出的使用文档...【注】一般名称中有「mono」或「等距」即表示该字体族是等宽字体。 2.4 设置 下载好所需字体并安装到系统后,即可在 VSCode 中进行设置。...然后将想要设置的字体族名称放在首位即可,比如可以选择以下几款中英混合等宽字体: Sarasa-Mono-SC-Nerd :"Sarasa Mono SC Nerd" Sarasa-Gothic :"Sarasa

10.2K31
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    更换网站字体为鸿蒙字体

    最近刷博客的时候, 发现了一个很有感觉的字体:HarmonyOS Sans HarmonyOS Sans是华为推出的鸿蒙系统默认的字体,可以免费商用....这个字体对中文进行的优化,使得更加易读,系统字体区别于传统平面印刷字体,在智能终端的应用场景之中看起来非常干净利落,让用户阅读文字的时候更加方便....和其他字体相比起来,鸿蒙字体削弱了黑体的机械感,可以让用户明显感知到了字体笔画的优化....当时也没太注意,直到昨天在某群看到一个站点,点进去一看,感觉都不一样的,字体很是突出,真的让我明显感知到了字体笔画的优化,和其他字体相比起来,的确是削弱了黑体的机械感,字形易认,辨识度更高....于是就决定给我主题也换上这个字体看看,通过了解,需要先到官方文档下载字体.

    8.9K10

    为博客标题自定义字体

    image.png 然后我们就可以看到,博客标题处用的是 #menu-logo 这个选择器(Selector),font-family 为 ‘mingchao’,也就是告诉浏览器渲染这个字体的时候要使用...‘mingchao’ 这个字体。...但是在浏览器里面,我们看到字体仍然是微软雅黑,并没有使用所谓 ‘mingchao’ 字体。...一般的中文字体是 3-6M,部分特殊的(比如苹果的 PingFang SC)可以达到 10M。 如果让访客加载这么大的字体,加载速度一定会很慢。而且博客标题也就那么几个字,不需要那么多的多余字体。...image.png 点击生成以后网站会自动把生成好的字体下载下来。 右键 - 属性 看了下,6个中文字体的字体子集只有 4KB。随便啥服务器都可以一秒钟加载完毕。

    3.1K40

    为Typecho站点更改好看的字体

    前言 今天有个访客在我博客里逛了好久,问我“你的站字体怎么这么好看啊?”“能不能教教我啊?”,好吧,那我就勉为其难出个教程吧!...这篇文章适用于handsome主题,如果不是这个主题的,请移步百度搜索“网站更换字体代码”,最后替换一下链接即可!...x540E;台美化 移步AliceStyle美化插件(十分强大的插件) - 萌卜兔's (racns.com)自行下载插件吧~ 2.下载HarmonyOS字体...-HarmonySanc 移步通用设计基础-字体 (harmonyos.com) 这是官方开放开发文档,大家可以自行下载,不过我已经将.ttf文件上传到jsdeliver上了,大家最后引用一下就可以了!...3.开启插件并使用字体 这里,输入你的字体链接,从而实现字体美化效果!

    2.1K20

    为 Windows 系统替换优雅的苹果字体

    使用 Windows 的童鞋,大家估计都用惯了默认的微软雅黑字体,字体本身也很不错,但使用久了也该换个别的字体了,换个字体换个心情嘛。...,可以在一个查找界面查看系统全部字体,支持对标题、图标、调色板、菜单等进行选择,可以对全部项目设置,可以对单个项目修改,帮助用户轻松修改字体基础信息,不会对原来的字体样式修改,如果你需要修改系统字体,可以选择...项目地址:https://github.com/Tatsu-syo/noMeiryoUI 下载地址:https://github.com/Tatsu-syo/noMeiryoUI/releases 软件下载解压...安装字体 网络搜索你喜欢的字体文件,把对应字体的 tff 文件下载下来,打开下载下来的字体文件,点击左上角的安装即可。或者直接将字体文件复制到此文件件下:C:\Windows\Fonts。 2....利用工具一键替换字体 打开软件,自动显示主题选用的字体。 选择自己需要更换的字体。 一般字体默认大小为 9pt。选择字体之后,如果想要应用到其他单项,点击“统一设定”即可。

    10.8K40

    swift项目中新的字体如何加入

    最近的项目中UI设计采用了一些并不是系统的字体,那么如何在项目中使用呢? 该教程总共 步骤 步骤1: 将字体库导入到项目中 .otf或者。...ttf的字体库 步骤2:在项目中的info.plist文件中增加Fonts provided by application 选项,类型为Array,然后增加item ,内容为SF-Pro-Rounded-Bold.otf...build phase中的Copy Bundle Resources 中要添加引用,否则无效 步骤4:查看字体的名字,因为加入的字体名字并不一定是文件名,那么就需要看真正的引入时的文件名到底是啥 步骤5...:使用字体 下边来详细的说明以上步骤: 步骤1: ?...步骤5: 使用字体: let fontName = UIFont(name: "SFProRounded-Bold", size: 17) 到此,新的字体库导入和使用完成 参考文档:https://www.it610

    2.1K10

    iOS学习——iOS项目增加新的字体

    基本思路   在项目开发过程中,iOS系统自带的字体库可能不适应需求,需要导入其他的字体库。...下面是iOS项目增加新的字体的基本思路,基本上分为三步: 将字体库添加到项目中 在info.plist中添加所需新字体, 同时也在target-->Build Phases-->Copy Bundle...将字体库添加到项目中 添加过程中一定要选中 copy items if needed,将文件copy到项目中。添加成功后的项目结构效果图如下图 ? ? Step2. 对字体库进行配置。...前面的配置做好之后,我们就可以使用了,但是使用fontWithName: size:需要知道字体库的名称,所以我们需要检测是否已经成功导入字体到系统了,我们就打印一下 Fontfamily 来看看我们添加的字体库是否已导入...,并且可以获取到我们添加的字体的名称。

    1K31

    WordPress为导航菜单添加个性图标字体

    目前图标字体非常流行,图标字体使用简单,与图片格式的小图标相比,支持视网膜显示,可以无限放大。特别是一些响应式设计的主题模板,都会或多或少使用图标字体。...我们还可以单独为导航菜单上的项目也配上个性化的图标字体。 具体方法: 一、WP后台--插件--安装插件页面搜索:Font Awesome 4 Menus,下载安装并启用。...如果在编辑菜单项目面板中无CSS类,可以打开右上角的“显示选项”,在显示菜单高级属性中勾选“CSS类”。(今天才发现有这个的!!!)...图标字体选择器名称,打开此页查看:http://fontawesome.io/icons/ 点开一个认为合适的图标字体,在下会显示类似: 只需在菜单...如果认为上面插件提供的图标字体不符合自己的要求(其实这套Font Awesome图标字体早已烂大街),还可以自己做一套更加个性化的图标字体。

    2.6K10

    Overleaf中设置表格中的字体为Times New Roman

    在Overleaf中设置表格中的字体为Times New Roman需要有这个字体包 使用 `\usepackage{times}` 宏包- 在文档的导言区添加 `\usepackage{times}`...宏包,这将把整个文档的字体设置为Times New Roman,包括表格中的字体。...}` 命令- 如果使用的是 `fontspec` 宏包(通常用于XeLaTeX或LuaLaTeX),可以在导言区添加 `\setmainfont{Times New Roman}` 命令来设置文档的主字体为...- 如果只想将表格中的字体设置为Times New Roman,而不影响文档其他部分的字体,可以在表格环境前添加相应的字体设置命令。...通过以上方法,你可以在Overleaf中根据自己的需求设置表格中的字体为Times New Roman。同时,不同的方法可能适用于不同的LaTeX编译引擎和文档场景,需要根据具体情况进行选择和调整。

    3.1K11

    解决Zabbix 4.2 图表字体显示为方块的方法

    解决Zabbix 4.2 图表字体显示为方块的方法 2019年07月29日 20:33:59 kxjrzyk 阅读数 9 ?...因Zabbix使用的DejaVuSan.ttf字体,不支持中文,导致中文出现乱码,它的位置为:/etc/alternatives/zabbix-web-font软连接指向/usr/share/fonts...,如果你手上没有相关字体的文件,最简单的办法就是找Windows系统里面的字体,它的位置一般在C:\Windows\Fonts; 这里选择楷体字体,将文件复制出来上传到Zabbix服务器这里选择楷体字体文件...:simkai.ttf,完整路径为C:\Windows\Fonts\simkai.ttf,将文件复制出来上传到Zabbix服务器: #查看zabbix-web-font软连接指向的字体 [root@server...注意:网上有不少认为字体的目录为/usr/share/zabbix/fonts是错的: [root@server zabbix]# whereis zabbix zabbix: /usr/lib/zabbix

    2.5K30

    为Linux发行版安装中文字体

    前文提到博主为自己的 ThinkPad E450 安装了一款来自爱尔兰的 Linux/GNU 发行版 作为主力系统使用。...Windows 10 家庭中文版中提取出中文字体导入,并在系统中刷新字体以使字体生效。...下面就来讲讲详细步骤: 字体资源准备 方案一:字体可以自行从windows系统下进入 C:\windows\Fonts 文件夹,挑选常用的中文字体拷贝到U盘。...方案二:为方便需要的人,博主已从 windows 系统中提取了常用中文字体并打包,放进博主的资源站(https://res.frytea.com/)开放下载,需要的伙伴可以从下列地址进入下载(若地址实效请自行进入资源站寻找或联系博主...参考文献 linux安装windows常用中文字体库 Linux下使用unzip解压缩中文乱码问题 Author: Frytea Title: 为Linux发行版安装中文字体 Link: https

    8.5K20

    CVPR 2023 | 会模仿笔迹的AI,为你创造专属字体

    相比呆板的打印字体,手写体更能体现书写者的个人特点。相信很多人都曾设想过,拥有一套属于自己的手写字体,用在社交软件中,更好的展示自己的个人风格。...然而,不同于英文字母,汉字数量是极其庞大的,想要创造一套自己的专属字体代价十分高昂。例如,最新发布的国标GB18030-2022中文字符集包含8万多个汉字。...上述问题引发了论文作者的思考,能否设计一个文字自动生成模型,帮助解决专属字体创造代价高的问题呢?...,仅需用户提供少量的手写样本(大约 10 几张),就能提取笔迹中蕴含的书写风格(例如字符的大小、倾斜程度、横宽比、笔画的长短和曲率等),并且临摹该风格去合成更多的文字,从而为用户高效合成一套完整的手写字体...考虑到序列模态的在线字体 (online handwritings) 比图像模态的离线文字 (offline handwritings) 包含更丰富的信息(轨迹点的详细位置和书写顺序,如下图所示),将模型的输出模态设置为在线文字会有更广泛的应用前景

    1.5K20
    领券