- 综合排序
- 最热优先
- 最新优先
- 来自专栏WebOffice
字体体积减少95%，打开速度提升4倍：OnlyOffice中国版字体加载深度优化实践
，而是自己解析字体、自己排版、自己渲染 带来的直接后果是： 无法使用浏览器字体缓存 无法直接使用系统字体 必须加载完整字体文件 1.2 字体加载完整流程 当你打开一个文档时，OnlyOffice 实际做了这些事情 在收集完依赖后，前端发起请求： /fonts/000 /fonts/001 Step 4：WASM 解析字体 加载后进入 WASM 引擎，解析： cmap（字符映射） glyf（字形轮廓） hmtx（字符宽度 当你加载： 一个 10MB+ 字体（CJK） 多个字体叠加 会发生：刚缓存进去 → 很快被淘汰 1.4 性能瓶颈拆解 ① 字体体积巨大（核心问题） 英文字体：~200KB 中文字体：5MB ~ 20MB 四、实战效果 在一个空白 Word 文档场景中： 优化前： 中文字体下载：18MB（SimSun） 打开时间：8~12s 优化后： 中文字体下载：289KB（SimSun） 打开时间：2~4s，打开速度提升了 3~4 倍 如果文档中 CJK 字体存在多个，这个差异还会更明显。
20800编辑于 2026-03-23 - 来自专栏白衣少年的专栏
字体-博客新增字体
字体描述 似水的凝聚形成“墨的无锋”，浑圆无折角，无笔锋，故名“无锋体”。 字符集合：包含GB2312中的6763个汉字和49个全角中文标点符号。 （不含英文、数字） 字形特点：中宫放松，布局舒展，步进等宽；笔划略细，字身稍长，高:宽=5:4。 字体链接【可直接引用】 字体预览 字体下载链接 页尾 注：如有侵权，请联系QQ：2089642063，会在第一时间处理！！！
6.2K10编辑于 2023-02-16 - 来自专栏练小习的专栏
比例字体&等宽字体
我们都知道等宽字体和比例字体的区别，就在于比例字体（Monospaced Font）即每个字母宽度是按一定比例自动调整的，而等宽字体（Proportional font）则是固定宽度，固定间距，字体的每一个字母和字符所占的水平空间都是相同的 比例字体：是指字符宽度存在变化的字体，在传统西文活字印刷中使用的铅字，如小写字母的i, j和w,m的字符宽度是不一样的，但是这样做可以提高单词的可读性，这在铅字制作设计上称为比例字体。 近年来制作的比例字体中，一般都会包含有较多的间距调整、斜体修正、合体字等信息 。 等宽字体：早期的打字机、电脑屏幕由于技术的限制，不能自动显示比例字体，因而最先出现的是等宽字体。 它指的是字符宽度相同的一类字体。这里要注意的一点是，中英文宽度应该不是相同而是成整数倍关系——一般来说中文字符在这些字体中的宽度是英文字符的两倍。 大多数浏览器默认会使用等宽字体显示这种文本（Courier字体就是一个等宽字体的例子，每个字母占用相同的宽度 ）。< pre>元素最常用于显示计算机源码。
11.3K60发布于 2017-12-29 - 来自专栏若志随笔
更换网站字体为鸿蒙字体
最近刷博客的时候， 发现了一个很有感觉的字体：HarmonyOS Sans HarmonyOS Sans是华为推出的鸿蒙系统默认的字体，可以免费商用. 这个字体对中文进行的优化，使得更加易读，系统字体区别于传统平面印刷字体，在智能终端的应用场景之中看起来非常干净利落，让用户阅读文字的时候更加方便. 和其他字体相比起来，鸿蒙字体削弱了黑体的机械感，可以让用户明显感知到了字体笔画的优化. 当时也没太注意，直到昨天在某群看到一个站点，点进去一看，感觉都不一样的，字体很是突出，真的让我明显感知到了字体笔画的优化，和其他字体相比起来，的确是削弱了黑体的机械感，字形易认，辨识度更高. 于是就决定给我主题也换上这个字体看看，通过了解，需要先到官方文档下载字体.
8.4K10编辑于 2021-12-23 - 来自专栏咸鱼学Python
字体加密 | 字体加密初认识
首先我们应该先了解一下什么是字体加密。 什么是字体加密？ 网页字体是一个字形集合，而每个字形是描述字母或符号的矢量形状。 因此，特定字体文件的大小由两个简单变量决定：每个字形矢量路径的复杂程度和特定字体中字形的数量。 通俗一点，同一内容的网页字体每个字形应该都是大同小异的，我们可以通过比对字体文件的字形来确认映射的内容。 关于字体加密的描述文章实在太多了，个人建议还是看看 Google 官方关于网页字体的文章。 如何处理字体加密？ 通过上面的字体加密原理图，我们大概了解到字体加密的原理。 我推荐没有搞过字体加密的朋友找个比较简单的网站练手，网上写的比较多的例子是猫眼的专业版。 猫眼的字体解密文章非常多，建议没有接触过得朋友可以先自己动手试试，咸鱼也会在之后更新字体解密系列的文章。
7.3K51发布于 2019-10-16 - 来自专栏全栈程序员必看
Android修改字体_android设置字体样式
1.将需要添加的ttf字体文件放在 frameworks/base/data/fonts/ 目录 A:frameworks/base/data/fonts/clock_thin.ttf 2.修改 frameworks /base/data/fonts/Android.mk 文件,将字体文件编译到 system/fonts/ 目录中 M:frameworks/base/data/fonts/Android.mk font_src_files PRODUCT_PACKAGES := \ DroidSansMono.ttf \ AndroidClock.ttf \ clock_thin.ttf \ fonts.xml 4. 在 fonts.xml 文件中定义字体对应的名称 frameworks/base/data/fonts/fonts.xml <family name="clock-font"> clock_thin.ttf </family> 5.使用新添加的字体 方法1: TextView textView = new TextView
5.3K20编辑于 2022-11-10 uniapp设置字体引入字体格式
在 UniApp 中设置和引入自定义字体（如 .ttf、.woff、.woff2 等格式）通常涉及几个步骤。准备字体文件：首先，你需要有字体文件。 确保有权使用这些字体，并遵守任何相关的许可协议。将字体文件放入项目中：将字体文件放入你的 UniApp 项目的 static 或 assets 文件夹中。 确保路径指向字体文件。在样式中使用字体：一旦定义了字体，就可以在 CSS 中使用它了。 如果你在 H5 平台上使用自定义字体，并希望优化加载性能，可以考虑使用字体加载策略（如字体子集化或按需加载）。但请注意，这些策略可能不适用于所有平台或构建目标。 虽然大多数现代浏览器和平台都支持 Web 字体，但最好还是在你的目标平台上测试自定义字体的表现。特别是对于小程序平台，由于平台的限制和差异，可能需要额外的步骤或配置来使用自定义字体。
5.4K10编辑于 2024-06-22- 来自专栏全栈程序员必看
markdown字体颜色设置_markdown红色字体
字体大小和颜色设置 markdown编辑器本身不支持字体、字号、颜色的修改。但因为markdown支持HTML标签，所以可以使用内嵌HTML来实现这些功能。 我们可以在标签中设置字体、大小、颜色： 字体的设置使用face。 2号字 5号字 字体颜色的设置使用color 红色 <font rgb(127, 255, 212) Azure #F0FFFF rgb(240, 255, 255) Beige #F5F5DC rgb(245, 245, 220) Bisque #FFE4C4 rgb 122) DarkSeaGreen #8FBC8F rgb(143, 188, 143) DarkSlateBlue #483D8B rgb(72, 61, 139) DarkSlateGray #2F4F4F
11.5K20编辑于 2022-11-01 - 来自专栏来自GitOPEN的技术文摘
Ubuntu安装字体and切换默认字体
Ubuntu系统安装好后，默认字体对于中文的支持看上去不太美丽，于是很多朋友可能需要设置系统的默认字体为自己喜欢的字体。本文主要介绍如何解决这两个问题。 安装字体： 以微软雅黑字体为例（其他的宋体、黑体等点阵字体都一样的），我们的雅黑字体文件是：msyh.ttf(常规字体)和msyhbd.ttf(微软雅黑加粗字体)，该字体可在widows目录的Fonts /fonts/winFonts/ 3.然后，改变权限: sudo chmod 755 /usr/share/fonts/winFonts/*.ttf 4.开始安装： cd /usr/share /fonts/winFonts/ sudo mkfontscale （创建雅黑字体的fonts.scale文件，它用来控制字体旋转缩放） sudo mkfontdir （创建雅黑字体的fonts.dir 文件，它用来控制字体粗斜体产生） sudo fc-cache -fv （建立字体缓存信息，也就是让系统认识雅黑） 5.然后再用unity-tweak-tool或者ubuntu-tweak设置字体即可。
8.7K30发布于 2019-01-29 - 来自专栏增长技术
app字体随系统字体变化问题
app字体不需要随系统字体的大小来改变，可以在activity基类加入下面代码： @Override public Resources getResources() { Resources
3K10发布于 2018-09-06 - 来自专栏阮一峰的网络日志
字体笔记
因为内容与字体有关，我就借这个机会，整理一下关于字体的笔记。 需要说明的是，下面提到的字体都是指英语字体。中文字体因为各个平台差别太大，所以这里就不考虑了。 ================== 一、字体的种类 字体一共可以分为6个大类。 Handwritten Fonts（手写类字体） 这种字体模仿人的笔迹，一般只在体现某种艺术效果时使用。下面的图中就是四种手写类字体。 ? 4. Novelty Fonts（花式字体） 这种字体纯粹就是追求装饰性，20世纪之前的印刷品都用这类字体。 ? 6. Dingbat Fonts（符号字体） 这类字体不是字母，而是输出各种各样的符号。 手写类 font-family: 'Comic Sans MS', cursive; 4.
2.2K10发布于 2018-09-10 - 来自专栏小明的博客
字体更改
通过在网络上的查找，我首先选择使用的是Robot字体，这个字体族写的英文字体相当漂亮: Robot字体本身是一款非常漂亮的英文字体，Roboto-Medium 字体被广泛用于广告、海报、画册、 另外在寻找字体时我在谷歌字体上发现了一款比较美观的中文字体，但由于该字体和Robot字体混排大小不太美观遂没有采用: 这里拿标签的显示效果做一个说明，可以看出该字体的英文效果不是很让人满意。 ZiTiChuanQiXueJiaHei'; src: url('/font/ZiTiChuanQiXueJiaHei-FenSiMianFei-2.woff') format('woff'); font-size: 4em ，会自动加载后边的字体，这也是实现中英混排的逻辑，相当于同时加载Robot字体和思源字体。 思源字体的效果一般（主要是因为背景颜色比较浅，用不加粗的字体会看不清楚），最后选择了用微软雅黑字体做搭配,以后再找一个能够搭配Robot的字体的中文字体。
5K30编辑于 2022-09-06 - 来自专栏h5学习笔记
字体图标
此时，一个非常重要的技术出现了， 这就是字体图标（iconfont). 字体图标优点 可以做出跟图片一样可以做的事情,改变透明度、旋转度，等.. 字体图标使用流程 总体来说，字体图标按照如下流程： ? 设计字体图标 UI设计人员在 illustrator 或 Sketch 这类矢量图形软件里创建 icon图标， 比如下图： ? 上传生成字体包 当UI设计人员给我们svg文件的时候，我们需要转换成我们页面能使用的字体文件， 而且需要生成的是兼容性的适合各个浏览器的。 字体引入到HTML 得到压缩包之后，最后一步，是最重要的一步了， 就是字体文件已经有了，我们需要引入到我们页面中。 首先把 以下4个文件放入到 fonts文件夹里面。 通俗的做法 ? 第一步：在样式里面声明字体： 告诉别人我们自己定义的字体 @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?
4.8K20发布于 2020-09-30 - 来自专栏全栈程序员必看
vscode设置字体大小和字体(vscode窗口字体大小设置)
VScode如何设置字体大小 第一步：首先打开vscode，在vscode的左下角有一个设置按钮，单机打开，选择settings选项 第二步：在设置中查找font（字体）选项，并打开 第三步 ：在font选项内，选择font size，就可以设置字体的大小了 还有一些其他的关于字体的设置也可以进行修改 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn
34.2K20编辑于 2022-08-02 - 来自专栏mac软件推荐
Art Text 4 for Mac(艺术字体制作和图标设计软件)
想要一款专业的艺术字体制作和图标设计软件？Art Text 4 Mac支持多图层，制造复杂图形变得不费力。 使用Art Text 4 Mac版，无需学习即可上手，只需要简单的几步就可以制作出专业的PS需要复杂的操作才能生成的效果！ Art Text 4 for Mac(艺术字体制作和图标设计软件)1.样式和材料Art Text包含多种文本样式，表面材质和效果。 4.遮阳材料特殊的2D材料为一系列视觉效果打开了大门，例如撞击或压花，您还可以使用玻璃，塑料或金色饰面，可以使表面有光泽，无光泽，明亮或褪色，以及提供图形迷人的水彩，油画颜料，铅笔或绘画外观。
1.1K30编辑于 2022-12-02 - 来自专栏浏览器专题
Web 安全字体和网络字体 (Web Fonts)
什么是Web安全字体网络安全字体是由许多操作系统预先安装的字体。虽然不是所有的系统都安装了相同的字体，但你可以使用网络安全字体堆栈来选择几种看起来类似的字体，并且安装在你想支持的各种系统上。 所以网络字体在国内没有流行起来，还是要像英文网页好多年前一样，用网页安全字体。下表可以看到各系统预置的中文字体——各系统根本没有相同的字体，即没有网页安全中文字体！ 后面的限制可以通过使用字体堆栈来弥补，类似于网络安全字体堆栈，但包括一个网络字体作为堆栈的第一个字体。如果浏览器无法使用网络字体，它就会退回到堆栈中的网络安全字体。 字体类型 - 常见字体族serif 衬线字体族serif 是一种具有装饰性小横线的字体族，这些小横线被称为“衬线”。 引用多个字体：如果设计者希望在网页中使用多种中文字体，可以在 CSS 样式表中指定多个备选字体。
1.8K10编辑于 2023-08-27 - 来自专栏python数据分析实践
matplotlib自定义字体、字体设置总结
字体设置是规范图片内容的重要组成，本文内容： 1）如何查找matplotlib支持的字体 2）自定义字体运用到matplotlib中 3）matplotlib的FontProperties和font_dict 该方法输出的字体包括：matplotlib库自带的字体和系统已安装字体 系统已安装字体在：C:\Windows\Font 文件夹下 matplotlib自带字体在matplotlib安装路径的mpl-data ”KaiTi"而不是"simkai" 2 使用自定义字体 现使用4种字体（新罗马、宋体、方正舒体、楷体）绘图，并将这四种字体使用到坐标轴上（使用1.2的第3步获取matplotlib正确使用的字体） import （例如宋体、隶书、楷体等都不支持负号，需要添加此语句以支持） #根据1.2第3步获取的正确4种字体使用名称：楷体、宋体、方正舒体、新罗马 font_ls = ['KaiTi', 'SimSun', 'FZShuTi Times New Roman'] fig = plt.figure() i = 0 x = np.linspace(-5, 5, 100) y = np.sin(x) for i in range(4)
2.9K10编辑于 2023-10-30 - 来自专栏hotqin888的专栏
onlyoffice5.4.2删除字体和添加字体
本次直接上升了1个G，我也很纳闷，原版只增加了十几兆，我觉得是因为中文字体的缘故。本身我已经将中文字体减小了，6个字体问题总共才15.5M，我感觉它是不是将字体文件全部转换了。 这次变化就是： 1.支持中字体名称了； 2.将字体文件减小了，见下图一，首次加载4个字体只有7.1M了； 3.将其余字体全部删掉了，见下图二； 4.excel有了数据透视功能。 经过《珠三角初步设计报告、综合说明、地质报告和项目大纲》等文件测试，单份报告页数达800页+， 存在问题： 1.其中插图部分不是很理想，超过100多页，就会丢掉； 2.宋体、仿宋这些字体在网页上没有什么变化
2.7K20发布于 2020-02-14 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Flutter 自定义字体 ( 下载 TTF 字体 | pubspec.yaml 配置字体资源 | 同步资源 | 全局应用字体 | 局部应用字体 )
一、Flutter 自定义字体 1、ttf 字体文件 字体资源文件 : ttf 格式的字体资源 ; Flutter 应用字体资源文件 : 在 Flutter 应用根目录下创建 fonts 目录 , 将下载的 ttf 字体放资源文件在该 fonts 目录下 ; 2、ttf 字体资源配置 配置字体资源 : 自定义字体资源需要在 pubspec.yaml 配置文件中配置 , 字体资源配置格式如下 : fonts fonts 目录下 ; 3、获取字体 在 pubspec.yaml 配置文件中配置完字体资源后 , 点击 " Pub get " 按钮 , 同步资源 ; 显示如下内容后 , 说明资源同步成功 ; D: "flutter pub get" in flutter_cmd... 0.7s Process finished with exit code 0 4、 全局使用字体 全局应用字体 : 在 MaterialApp 根节点的 theme 字段值的 ThemeData 组件中的 fontFamily 字段设置字体 , 这里设置在 pubspec.yaml 配置文件中配置的
4.5K00编辑于 2023-03-28 - 来自专栏张戈的专栏
WordPress导航菜单图标字体插件font awesome 4 menus纯代码版
换成 Begin 主题之后，大伙都不约而同的给菜单用上了图标字体，确实给博客带来了一定的美化效果。 与之配套的是 font awesome 4 menus 这个图标字体插件，其实还是挺小巧的。 php 之后添加如下代码： //集成图标字体功能 include("awesome/main.php"); 最后保存即可。 三、图标使用 图标字体的使用，相信大部分 Begin 用户都已经熟知了。 先贴一下效果截图，了解一下图标字体是个什么东东： ? 其实，就是在需要的位置显示一个图标而已。而这一切由 CSS+fonts 来实现，即图标字体。 理论上，图标字体可以用在网站的任意位置，只需要用 i 标签加 class 来添加即可。 解决办法见张戈博客之前的分享【修复 WordPress 4.2 问题】 四、更多折腾 好了， 做完上面的操作后，就可以彻底删除 font awesome 4 menus 这个插件了，强迫症们是不是又感觉轻松了一些呢
3.6K50发布于 2018-03-21
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号