文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

Font屌：中文图标字体（并支持SVG格式）

国外这方面的资源很多，而国内图标字体非常少，今天终于找到一个中文字图标：Font屌（对于这个名字，各位自行评价吧...）。...Font屌中文图标字体，可用于 Web 和 iOS 应用的中文图标字体，同时提供了国内各种常用网站、应用、知名企业的徽标 SVG 源文件（包括如微信（wechat）、腾讯QQ、QQ空间、微博等）。...主要功能有： 支持 Retina 屏幕：没有 @2x 的图片，不需要 JavaScript，因为使用了矢量字体。另外次像素平滑技术将使你的图标更加清晰锐利。...一个字体包含 70 个图标：客户端浏览器只下载一个字体，就能拥有 70 个常用中文网站、知名企业的图标。...支持 iOS：不仅能在 Web 中使用，还提供了能在 iOS 下使用的类，并且可以使用 CocoaPods 安装。 提供 SVG 源文件：任何人都能改进这些图标，加入更多常用中文网站、应用的图标。

1.2K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    DirectWrite 通过 GetUnicodeRanges 获取字体能支持的字符范围

    一个字体文件只能支持有限的字符数量，为了能够知道某个字体包含哪些字符，可通过 DirectWrite 提供的 GetUnicodeRanges 方法获取。...本文将演示如何从 IDWriteFontFace 的 GetUnicodeRanges 方法获取字体能支持的字符范围以及对比 WPF 的行为 需要通过以下路径才能获取到 IDWriteFontFace3...IDWriteFontFaceReference 的 CreateFontFace 方法获取到 IDWriteFontFace3 实例 拿到 IDWriteFontFace3 实例之后，即可调用 GetUnicodeRanges 方法获取字体能支持的字符范围数组...以下示例代码将尝试获取宋体字体能够支持的字符范围 先创建 IDWriteFactory 工厂，代码如下 DWrite dWrite = DWrite.GetApi();...(65281) - '～'(65374) Length=94 Range 157: '￠'(65504) - '￥'(65509) Length=6 相比之下，在 WPF 框架内，获取字体能够支持的字符范围就简单多了

    55610

    ​Chrome 87新功能：支持操作相机、访问本地字体

    Chrome 87 稳定版已对外发布，本次主要带来三个重大更新： 相机操作AP：平移，倾斜，变焦 范围请求的service worker支持 字体访问API 下面是 Chrome 开发者 Pete LePage...假如在响应中存在 Accept-Ranges 首部（并且它的值不为 none），那么表示该服务器支持范围请求。...一些站点会明确将其值设置为 "none"，以此来表明不支持。...字体访问API Figma，Gravit 和 Photopea 都是非常棒的设计软件，他为我们设计出了非常多优秀的内容，对于许多设计师来说，他们的计算机上安装了一些对他们的工作至关重要的字体。...借助字体访问API，站点现在可以枚举计算机中已安装的字体，从而使用户可以访问其系统上的所有字体。

    1.6K10

    比例字体&等宽字体

    我们都知道等宽字体和比例字体的区别，就在于比例字体（Monospaced Font）即每个字母宽度是按一定比例自动调整的，而等宽字体（Proportional font）则是固定宽度，固定间距，字体的每一个字母和字符所占的水平空间都是相同的...比例字体：是指字符宽度存在变化的字体，在传统西文活字印刷中使用的铅字，如小写字母的i, j和w,m的字符宽度是不一样的，但是这样做可以提高单词的可读性，这在铅字制作设计上称为比例字体。...近年来制作的比例字体中，一般都会包含有较多的间距调整、斜体修正、合体字等信息 。 等宽字体：早期的打字机、电脑屏幕由于技术的限制，不能自动显示比例字体，因而最先出现的是等宽字体。...它指的是字符宽度相同的一类字体。这里要注意的一点是，中英文宽度应该不是相同而是成整数倍关系——一般来说中文字符在这些字体中的宽度是英文字符的两倍。...大多数浏览器默认会使用等宽字体显示这种文本（Courier字体就是一个等宽字体的例子，每个字母占用相同的宽度 ）。元素最常用于显示计算机源码。

    12.3K60

    Chrome 103支持使用本地字体，纯前端导出PDF优化

    要解决这个问题，需要将ttf等字体文件内容注册到页面PDF生成器中。但是之前网页是没有权限直接获取客户机器字体文件，这时就需要从服务器下载字体文件或者提示用户选择字体文件上传到页面。...本地字体访问 Web 上的字体一直是一个挑战，尤其是允许用户创建自己的图形和设计的应用程序就是一个难点。...Chrome 103版本中新的字体API可以让web应用获取到用户在本地电脑上安装的所有字体信息，同时还可以获取到字体内容。...query(); } else{ alert("没有权限获取字体") } } 使用本地字体导出PDF 接下来我们介绍如何使用本地字体进行PDF导出。...PDF： 这里需要注意，使用本地字体风险也是不可避免的，如果用户没有安装对应字体，在网页中浏览器会使用其他字体进行渲染，倒是PDF依旧会有出现乱码的风险。

    1.6K40

    更换网站字体为鸿蒙字体

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

    9.3K10

    字体加密 | 字体加密初认识

    首先我们应该先了解一下什么是字体加密。 什么是字体加密？ 网页字体是一个字形集合，而每个字形是描述字母或符号的矢量形状。...因此，特定字体文件的大小由两个简单变量决定：每个字形矢量路径的复杂程度和特定字体中字形的数量。...通俗一点，同一内容的网页字体每个字形应该都是大同小异的，我们可以通过比对字体文件的字形来确认映射的内容。 关于字体加密的描述文章实在太多了，个人建议还是看看 Google 官方关于网页字体的文章。...如何处理字体加密？ 通过上面的字体加密原理图，我们大概了解到字体加密的原理。 我推荐没有搞过字体加密的朋友找个比较简单的网站练手，网上写的比较多的例子是猫眼的专业版。...一是查看字体的软件 FontCreator，支持 window 。

    7.9K51

    uniapp设置字体引入字体格式

    在 UniApp 中设置和引入自定义字体（如 .ttf、.woff、.woff2 等格式）通常涉及几个步骤。准备字体文件：首先，你需要有字体文件。...确保有权使用这些字体，并遵守任何相关的许可协议。将字体文件放入项目中：将字体文件放入你的 UniApp 项目的 static 或 assets 文件夹中。...确保路径指向字体文件。在样式中使用字体：一旦定义了字体，就可以在 CSS 中使用它了。...如果你在 H5 平台上使用自定义字体，并希望优化加载性能，可以考虑使用字体加载策略（如字体子集化或按需加载）。但请注意，这些策略可能不适用于所有平台或构建目标。...跨平台兼容性：UniApp 支持多个平台，包括 iOS、Android、H5、小程序等。虽然大多数现代浏览器和平台都支持 Web 字体，但最好还是在你的目标平台上测试自定义字体的表现。

    6.4K10

    Ubuntu安装字体and切换默认字体

    Ubuntu系统安装好后，默认字体对于中文的支持看上去不太美丽，于是很多朋友可能需要设置系统的默认字体为自己喜欢的字体。本文主要介绍如何解决这两个问题。...安装字体： 以微软雅黑字体为例（其他的宋体、黑体等点阵字体都一样的），我们的雅黑字体文件是：msyh.ttf(常规字体)和msyhbd.ttf(微软雅黑加粗字体)，该字体可在widows目录的Fonts...1.在/usr/share/fonts/下新建文件夹 如：winFonts目录，准备把从windows下拷贝过来的字体都放在这个目录里，这里就是把雅黑字体msyh.ttf和msyhbd.ttf放进来：...fonts.scale文件，它用来控制字体旋转缩放） sudo mkfontdir （创建雅黑字体的fonts.dir文件，它用来控制字体粗斜体产生） sudo fc-cache -fv （建立字体缓存信息...，也就是让系统认识雅黑） 5.然后再用unity-tweak-tool或者ubuntu-tweak设置字体即可。

    9.3K30

    字体图标

    此时，一个非常重要的技术出现了， 这就是字体图标（iconfont). 字体图标优点 可以做出跟图片一样可以做的事情,改变透明度、旋转度，等.....几乎支持所有的浏览器 移动端设备必备良药... 字体图标使用流程 总体来说，字体图标按照如下流程： ?...上传生成字体包 当UI设计人员给我们svg文件的时候，我们需要转换成我们页面能使用的字体文件， 而且需要生成的是兼容性的适合各个浏览器的。...字体引入到HTML 得到压缩包之后，最后一步，是最重要的一步了， 就是字体文件已经有了，我们需要引入到我们页面中。 首先把 以下4个文件放入到 fonts文件夹里面。 通俗的做法 ?...第一步：在样式里面声明字体： 告诉别人我们自己定义的字体 @font-face {  font-family: 'icomoon';  src:  url('fonts/icomoon.eot?

    5.4K20

    字体更改

    通过在网络上的查找，我首先选择使用的是Robot字体，这个字体族写的英文字体相当漂亮: Robot字体本身是一款非常漂亮的英文字体，Roboto-Medium 字体被广泛用于广告、海报、画册、...考虑到该字体并不支持中文形式，因此在中英文混排时看起来不是那么美观，出于这点考虑，我又加入了自己比较喜欢的一款思源字体来作为中文字体: 二者混排的效果整体来看还算满意，这也本网站当前的显示效果...另外在寻找字体时我在谷歌字体上发现了一款比较美观的中文字体，但由于该字体和Robot字体混排大小不太美观遂没有采用: 这里拿标签的显示效果做一个说明，可以看出该字体的英文效果不是很让人满意。...，会自动加载后边的字体，这也是实现中英混排的逻辑，相当于同时加载Robot字体和思源字体。...思源字体的效果一般（主要是因为背景颜色比较浅，用不加粗的字体会看不清楚），最后选择了用微软雅黑字体做搭配,以后再找一个能够搭配Robot的字体的中文字体。

    5.6K30

    字体笔记

    因为内容与字体有关，我就借这个机会，整理一下关于字体的笔记。 需要说明的是，下面提到的字体都是指英语字体。中文字体因为各个平台差别太大，所以这里就不考虑了。...================== 一、字体的种类 字体一共可以分为6个大类。...Handwritten Fonts（手写类字体） 这种字体模仿人的笔迹，一般只在体现某种艺术效果时使用。下面的图中就是四种手写类字体。 ? 4....Novelty Fonts（花式字体） 这种字体纯粹就是追求装饰性，20世纪之前的印刷品都用这类字体。 ? 6. Dingbat Fonts（符号字体） 这类字体不是字母，而是输出各种各样的符号。...三、互联网安全字体（web safe fonts） 所有平台都预装的字体，被称为"安全字体"，因为它可以保证所有用户的视觉效果是一样的。

    2.6K10

    【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:...全局应用字体 : 在 MaterialApp 根节点的 theme 字段值的 ThemeData 组件中的 fontFamily 字段设置字体 , 这里设置在 pubspec.yaml 配置文件中配置的...fontFamily: "RubikMonoOne" ), // 设置界面主组件 home: , ) 5、局部使用字体 局部应用字体 : 在 Text 的 style 字段设置文本风格

    4.9K00

    matplotlib自定义字体、字体设置总结

    字体设置是规范图片内容的重要组成，本文内容： 1）如何查找matplotlib支持的字体 2）自定义字体运用到matplotlib中 3）matplotlib的FontProperties和font_dict...应用场景 1.1 查看matplotlib支持的字体 from matplotlib import font_manager for font in font_manager.fontManager.ttflist...该方法输出的字体包括：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

    4.8K10

    Web 安全字体和网络字体 (Web Fonts)

    什么是Web安全字体网络安全字体是由许多操作系统预先安装的字体。虽然不是所有的系统都安装了相同的字体，但你可以使用网络安全字体堆栈来选择几种看起来类似的字体，并且安装在你想支持的各种系统上。...这些字体是由用户的浏览器在渲染网页时下载的，然后应用于你的文本。使用网络字体的主要缺点是它会减慢你网站的加载时间。在旧的浏览器中，对CSS3的支持也很有限，而使用网络字体是需要CSS3的。...CSS 特性，允许我们指定在访问时随您的网站一起下载的字体文件，这意味着任何支持 Web 字体的浏览器都可以使用指定的字体。...Vera Serif", serif;}关于网页字体有两件重要的事情要注意：浏览器支持不同的字体格式，因此需要多种字体格式以获得良好的跨浏览器支持。...IE 只支持 EOT (Embedded Open Type，嵌入式开放类型) 的字体，你可能需要包括一个 SVG 版本的字体支持旧版本的 iPhone 和 Android 浏览器。

    2.8K10

    onlyoffice5.4.2删除字体和添加字体

    本次直接上升了1个G，我也很纳闷，原版只增加了十几兆，我觉得是因为中文字体的缘故。本身我已经将中文字体减小了，6个字体问题总共才15.5M，我感觉它是不是将字体文件全部转换了。...这次变化就是： 1.支持中字体名称了； 2.将字体文件减小了，见下图一，首次加载4个字体只有7.1M了； 3.将其余字体全部删掉了，见下图二； 4.excel有了数据透视功能。...经过《珠三角初步设计报告、综合说明、地质报告和项目大纲》等文件测试，单份报告页数达800页+， 存在问题： 1.其中插图部分不是很理想，超过100多页，就会丢掉； 2.宋体、仿宋这些字体在网页上没有什么变化

    3K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券