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

更换网站字体为鸿蒙字体

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

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

    打包dll发布nuget服务器

    完全忘记了怎么用了,又是一顿查,所以决定记录下来,当然这可能不是一个傻瓜式的教程,但聪明的你们应该能够看明白的,因为整体操作还是很简单的 好了,让我们开始吧 创建类库 首先创建一个类库,就是你想要发布nuget...的类库,在AssemblyInfo.cs编辑程序集版本信息,重新生成,好了,这一步就完成了,哈哈哈 下载并注册nuget nuget地址:https://www.nuget.org/ 你需要在这个网站注册一个账号...这个nupkg文件就是你的nuget包了,可以直接上传,或者用命令发布 用命令发布的话需要到nuget官网找到你的API-Keys,是一串字符,然后copy下来,设置本地nuget里 ?...been indexed yet,需要等一段时间才会在nuget管理器中列出来,安静的等五分钟,你就可以在nuget管理器中搜索到你的包啦 调用命令上传的这一步有可能会报错,你也可以直接到nuget网站上点击

    2.1K50

    怎么更换网站字体

    好久之前就想把主题字体换了,但是一直懒动手 刚好之前有人问我这个问题那我就讲一下 第一步 首先需要准备好字体字体大家自己百度找一下就行了(字体不建议文件太大的) 其实只要改一下css就好了,一般都是在...,一般woff、ttf、otf、svg四种格式已经可以兼容市面上99%的浏览器了 @font-face{ font-family: 'typeface'; src: url('字体Url'); src...: url('字体Url'); src: url('字体Url'); src: url('字体Url'); } 注意:字体文件太大会影响网站访问速度,可以托管到其他CDN,例如jsdelivr...、oss之类的对象存储 第二步(将字体css代码引入) 如果需要全局字体就直接在head引入 font-family: 'typeface'; 局部的话就在head添加 p.typeface{font-family...:"typeface;} 那么在p元素加上class选择器对需要的内容使用对应字体,示例如下 这是一段字体测试的段落

    1.6K30

    实时网站字体测试:TypeWonder

    网页设计中使用什么字体是比较麻烦的事情,特别是英文站点,每次更换字体然后刷新网页总是很麻烦的事情,所以如果能够在线实时通过几次点击就能更换网站字体,并且立刻能看到效果是非常棒的一件事情,而 TypeWonder...就是这样的一个免费的 Web 应用,可以实时在线测试你网站在不同字体下的样子。...TypeWonder 使用非常简单,只需要输入你要测试网站的地址,然后选择你要测试的字体(目前仅支持 Google Fonts),然后测试站点就能展示出在新字体下的样子。...当然你还可以更改字体,并且网页原字体进行比较,还可以点击其他页面查看效果。...当然比较遗憾的时候,目前只能更改整个网页的字体,不能根据 class 和 id 设置不同的元素不同的字体,而且都是英文字体,没有中文字体。 不过总体上说这个还算是一个比较好玩的一个服务。

    80820

    win10 uwp 打包第三方字体应用 UWP使用第三方字体

    有时候我们会把一些特殊字体打包软件,因为如果找不到我们的字体会变为默认,现在很多字体图标我们用得好,有时候我们的应用会用很漂亮的字体,需要我们自己打包,因为用户一般是没有字体。...本文告诉大家如何在 UWP 内置字体,把字体打包应用 UWP使用第三方字体 首先我们需要字体,这个字体下载,网上很多。...http://font.chinaz.com/我在这网站下载,如果有人知道他的网站字体不是完全授权,请和我说,我就删除我的应用字体。 在网上下东西很要注意版权,有很多是我们不能直接拿来用。...几乎看不到有变化 我们添加一个文件夹,用于存放字体 ? 我把它叫 Font 把我们的字体放入。建议直接拖进去,uwp 导入字体是把字体放到解决方案的文件夹 ?...在我们的字体类型写我们放进去字体,代码就是 路径#字体名称 假如我们的路径是Font/And Love St.ttf 名称And Love st,那么需要写的代码如下 注意路径是相对路径,和 页面放的位置有关

    1.4K10

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

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

    3.9K30

    Joe主题自定义网站字体

    前言可能有一些小白看到一些大佬的博客会发现为啥别人的网站字体和自己不一样,自己网站字体和大佬的一对比就感觉啥都不是,所以今天阿浩就来教一下大家JOE主题怎么自定义网站字体(本教程只适用于Typecho...博客程序的JOE主题,其他博客程序或其他主题请自行寻找解决办法)正文 第一步 可以去一些提供免费字体网站下载中意的字体,然后去百度搜索: 字体转换器。...图片图片 第二步 (提醒一下一般下载下来的字体都为ttf格式的,所以网站能是用格式是woff格式,所以转换的时候要转换成woff格式) 将下载好的字体文件解压缩,我相信各位应该都会,我也懒得截图 :...第三步 现在只需要打开你的服务器上传文件就好了,如果嫌弃太慢的话可以上传到 GitHub 上然后通过 jsdelivr 加速结语阿浩免费为那些懒得动的人提供六个字体 :鸿蒙OS字体 效果图:图片调用代码...https://www.izekel.cn/font/好看的字体.woff庞门正道标题体 效果图:图片调用代码"https://www.izekel.cn/font/庞门正道标题体.woff落日飞行字体

    1.5K10

    自定义你的网站字体

    下载自己喜欢的字体下载自己喜欢的字体字体格式为.ttf,这里推荐一个字体网站:http://www.zhaozi.cn/s/all/ttf/http://www.zhaozi.cn/s/all/ttf.../转化字体格式将下载好的字体转换成.eot、 .woff、 .woff2三种格式,文件名可以是任意英文,没有特殊要求,可以根据自己的喜好命名(不要设置为中文就可以了)。...转化的网站:https://www.fontke.com/tool/convfont/https://www.fontke.com/tool/convfont/上传字体服务器将转换好的.eot、 .woff...、 .woff2、.ttf、.svg、.otf格式字体上传到自己网站任何位置,只要和后面的代码路径一致就可以了。...,可自行更改,“ziti”为字体名称,比如ziti.ttf,ziti.woff等等,在与字体文件名称相同的前提下可随意更改英文。

    76011

    打包微服务前后端分离项目并部署服务器

    前言 Spring Cloud项目属于微服务项目,也就是含有多个Sping Boot模块集合而成的项目 Nuxt.js项目属于前端基于Vue的服务端渲染项目 最近在服务器部署上线了一个基于Spring...Cloud + 服务端渲染技术Nuxt.js的项目,在这里记录一下 一、部署后端 1、打包 步骤: 在pom.xml中加入打包依赖 在IDEA中点击clean、选择install打包成jar包 在target...jar包 2、上传jar包服务器 保证需要的jar包和Dockerfile、docker-compose.yml文件在同一目录 [52804519d12f4a698a88a4ccd4d57463.png...image-20210523031115173] 最后输入docker ps查看运行中的jar包 [bb90a83d146ef630331f860d0eca4d4e.png] 二、部署前端 1、上传前端文件服务器.../registry.npm.taobao.org # 下载依赖 RUN npm install RUN npm run build CMD ["npm", "start"] 在XShell命令行中进入/

    4.9K51

    字体进行缓存,优化网站速度

    看着现在动辄几兆的字体,在网页上使用会严重拖慢加载速度,有没有什么方法能够改善这种情况?...这时候我们就需要对字体进行优化了 对字体进行优化的方式有很多,比如: 分组加载字体 限制字体加载时间 队列加载 自定义字体显示 本文主要介绍如何通过缓存的方式优化字体加载 注:本文字体应用针对全站生效...font-display: optional; /* 此处将文件路径修改为实际路径 */ src: url("/path/to/font.ttf"); } 注:使用 localStorage 进行字体缓存仅适用于较小的字体文件...两种方法的不同 # Service Worker 缓存字体 IndexedDB/LocalStorage 缓存字体 功能和用途 提供高级缓存控制和离线支持 简单的数据存储和访问 存储位置 浏览器的缓存存储...浏览器的客户端存储 控制灵活性 高 低 离线支持 是 否 数据类型 二进制数据 字符串数据 功能复杂性 高 低 适用场景 高级缓存需求、离线访问 简单的数据缓存需求 字体大小 可缓存较大字体 仅缓存较小字体

    46510

    rollup打包入门实践

    在开始本文前,主要会从以下几点去认识了解rollup 1、基础了解rollup打包不同模式,以及如何打包成不同模式的js 2、以一个实际的例子,将工具库用rollup与gulp实现任务流打包,验证打包后的...// 将index.js打包输出成cjs模式 npx rollup index.js --file bundle-cjs.js --format cjs // 将index.js打包输出成umd...当我们简单的了解一些rollup的知识后,我们尝试打包一个我们自己写的工具库试一试 rollup打包一个工具库 在很早之前写过一篇关于webpack打包工具库,可以参考这篇文章webpack5构建一个通用的组件库...dest: '', format: 'cjs', env: 'production', external: [] } ... ] 我们注意resolve...,并同时打开浏览器 OK了,证明我们打包后的js就生效了 总结 了解rollup[2]的基础使用,对于工具库来说,rollup打包比起webpack配置要简单得多,但是远远没有webpack的生态强大

    1.3K10

    uniapp打包成H5部署服务器教程

    当前端uniapp写的项目开发完成的时候,需要将页面打包出来,生成H5的静态文件,部署在服务器上,通过服务器链接地址,就可以直接在手机上点开访问 了。...在网上看了一圈,好像没有找到十分详细的教程,这里稍微详细的记录了一下,uniapp打包成H5部署服务器教程。 如果使用宝塔面板的话,直接发行。...步骤如下: 1:点击菜单栏发行,点击选择网站-H5手机版, 图片 2:在网站域名这一栏填写,网站域名,例如lingquan.kaigejava.com或者你的服务器的IP地址47.103.XX.XX...我这里为了考虑安全因素,将自己的服务器地址马赛克了。 3:点击高级按钮,进入manifest.json的h5配置里面,根据自己的情况配置一些信息,我这里是默认的。...(这个h5在上传到服务器的时候,可以自己命名,我命名成work了,命名需要和发布之前的高级配置里面路径保持一致)。 6:找一个工具,连接自己的服务器,进入自己的服务器的根目录底下。

    2.5K30
    领券