首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

更换网站字体鸿蒙字体

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

5.6K10
您找到你想要的搜索结果了吗?
是的
没有找到

IntelliJ IDEA 如何设置黑色主题,界面字体大小以及内容字体大小

Intellij IDEA使用教程相关系列 目录 设置黑色主题 设置步骤:1、打开软件,在菜单栏中找到File,点击File,选择settings 步骤2:进入settings界面,在左侧栏中找到Appearance...,在Appearanc界面中找到Theme,选择主题,选择Darcula黑色主题 界面字体大小 步骤:上述的步骤里,在appearance页面的size选项调整大小,如图所示 内容字体大小 打开...Settings弹出框页面找到左上角的搜索框,在这个搜索框输入‘font’。如图: 在右边的操作界面中找到”Save As”按钮,点击”Save As”这个按钮。...设置新的文本颜色主题模板 这个时候我们就会发现,操作界面的 Size 输入框是可以输入字体的大小了。在Size输入框输入想要的字体大小,然后点击右下角的”OK”按钮即可设置成功。...(设置字体大小和行高大小) 点击apply生效 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/153564.html原文链接:https://javaforall.cn

2.9K20

更换typecho字体HarmonyOS Sans

{√} HarmonyOS Sans 是华为推出的鸿蒙系统默认的字体,好康 下载 HarmonyOS 字体-HarmonySanc 官方文档 这是官方开放开发文档,大家可以自行下载,不过 ttf...字体文件太大,有 8M 左右,导致网站加载资源时间较长,将 ttf 转换成 woff 文件(4.3M)左右,我已经将 ttf 和 woff 文件都上传到 jsdeliver 上了,大家最后引用一下就可以了...替换「//cdn.jsdelivr.net」「//jsdelivr.panbaidu.cn」) 实现 有两种方法可以实现都挺简单 使用插件 安装 AliceStyle 插件 这是萌卜兔的美化的插件..., 下载地址 开启插件并使用字体 输入你的字体链接,从而实现字体美化 jsdeliver 云端 ttf 字体: https://jsdelivr.panbaidu.cn/gh/baige007/ttf...HarmonyOS_Sans_SC_Medium.woff') format('woff'); } *{font-family:HarmonyOS_Sans_SC_Medium;} 本站用的就是HarmonyOS Sans字体

2.1K10

博客标题自定义字体

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

2.5K40

网页内嵌字体

刚好自己最近在做网站开发,于是就想把这款字体嵌入到自己正在做的网页里。今天就写一下怎么把一款字体嵌入到自己的网页。...其实在CSS,使用font-family这个属性就直接可以将网页的字体设置成想要的。但是有个前提是,你所使用的某种特定的字体系列,在网页是否能显示,完全取决于用户机器上该字体系列是否可用。...当然仅限于西方字体,如果是汉语的话,字体会很庞大,每次加载字体就会浪费用户很长的时间和很多的流量。 字体 首先我们必须在网上下载到自己想要的字体,比如ttf格式的字体。...Code 在css代码,我们主要使用的是font-face这个属性,它的主要功能就是把自己定义的Web字体嵌入到网页。...我们可以看看fontsquirrel我们生成的CSS文件内容 @font-face { font-family: 'open_sansregular'; src: url('..

3.8K70

Typecho站点更改好看的字体

前言 今天有个访客在我博客里逛了好久,问我“你的站字体怎么这么好看啊?”“能不能教教我啊?”,好吧,那我就勉为其难出个教程吧!...这篇文章适用于handsome主题,如果不是这个主题的,请移步百度搜索“网站更换字体代码”,最后替换一下链接即可!...-HarmonySanc 移步通用设计基础-字体 (harmonyos.com) 这是官方开放开发文档,大家可以自行下载,不过我已经将.ttf文件上传到jsdeliver上了,大家最后引用一下就可以了!...3.开启插件并使用字体 这里,输入你的字体链接,从而实现字体美化效果!...jsdeliver储存云端字体Sanc地址 https://cdn.jsdelivr.net/gh/Xpblog666/cdn@1.0/HarmonyOS_Sans_SC_Medium.ttf

1.1K10

Typecho站点更改好看的字体

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

1.1K20

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

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

6.4K40

如何在系统添加字体(添加字体到系统)

笔者最近在使用win10自带的OneNote笔记本记笔记的时候,发现笔者电脑中没有华文新魏这个字体,最开始以为是OneNote不带有这个字体,经过一段时间的收集资料后发现,是笔者电脑win10系统不带有这个字体...,现将有关概念和字体安装方法做一下记录。...字体是win10系统自己带有的,其他的软件自能从win10系统中用调用,而不是说字体是某些软件自带的,比如如果office的PPT中含有华文新魏这个字体,那么OneNote中就必然也含有华文新魏这个字体...,并不会存在一个软件有这个字体而另一个软件不含有这个字体的情况。...字体安装方法: 第一步,去百度上搜索字体并下载,如下图所示,搜索的时候就搜索xx字体即可,然后自行选择一个网站并下载: 要注意下载的文件后缀名为ttf格式,如图所示: 第二步,双击打开下载的文件

3.8K30

Fabric.js 使用自定义字体

这次就讲讲在 Fabric.js 创建文本时怎么使用自定义字体、在项目运行时怎么修改字体、以及推荐一个精简字体库的工具。...在创建文本时就设置字体,需要做以下几步: 在 CSS 里引入字体。 使用 Fabric.js 创建画布。 等字体加载完成后再设置文本字体。 将文本添加到画布。...在本例,我使用 IText 创建文本,在创建时通过它的 fontFamily 属性就可以设置自定义字体。...动态修改字体 如果需要在项目运行时动态修改字体,需要做以下几步: 提前加载好要用的字体库。 创建画布。 等字体加载完成后再设置文本字体。 将文本添加到画布。 修改字体前,先获取要修改的文本元素。...') }) } 精简字体库 关于 Fabric.js 如何使用自定义字体库的内容说完了,但日常工作我还遇到一个问题:某些特定地方会使用一些特殊字体,比如数字、项目名等地方

50620
领券