登录 注册

怎么利用主题自定义字体

本贴最后更新于 325 天前，其中的信息可能已经事过景迁

用知乎、卡片边框化（以前可以变成好看的字体，现在不行了）等主题时，安卓端笔记字体会变得好看。这是怎么实现的，自己怎么操作、可以自定义字体。

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    26508 引用 • 110259 回帖 • 1 关注
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    10211 引用 • 46388 回帖 • 63 关注
20 悬赏
3 回帖
440 123 6 218 1 91

相关帖子

3 回帖
怎么利用主题自定义字体

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • llej • via Android
    订阅者 支持者 勇士

    css 可以自定义字体

  • pakeh2866 •
    付费者

    又见恶龙大佬

  • wilsons • • 1
    付费者 捐赠者

    一、准备自定义字体文件

    确保你有自定义字体的文件，常见的字体文件格式有 .ttf（TrueType Font）、.otf（OpenType Font）、.woff（Web Open Font Format）、.woff2 等。

    二、在 CSS 中使用 @font-face

    1. 在你的 CSS 文件中添加以下代码：
    @font-face {
    font-family: 'YourCustomFontName';
    src: url('path/to/your/font-file.ttf') format('truetype');
    /* 根据你的字体文件格式添加其他格式的声明 */
    font-weight: normal;
    font-style: normal;
}
​

    在上面的代码中：

    • font-family：为自定义字体指定一个名称，这个名称将在后续的 CSS 规则中使用来引用这个字体。
    • src：指定字体文件的路径，可以使用相对路径或绝对路径。可以同时指定多个不同格式的字体文件，以确保在不同的浏览器中都能正确加载字体。
    • font-weight 和 font-style：可以根据字体的特性设置正常、粗体、斜体等样式。

    三、应用自定义字体

    在你的 CSS 规则中，使用自定义字体：

    .element {
    font-family: 'YourCustomFontName', sans-serif;
}
​

    在上面的代码中，.element 类的元素将使用自定义字体，如果自定义字体无法加载，则会使用 sans-serif 字体作为后备。

    实际场景示例：

    @font-face {
    font-family: 'MyCustomFont';
    src: url('your-custom-font.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-family: 'MyCustomFont', sans-serif;
}
​

    在这个例子中，我们为页面中的 <h1> 元素应用了自定义字体。如果自定义字体无法加载，将使用 sans-serif 字体作为后备。

    [注意] 以上内容由豆包生成，不过我看了下这些步骤和流程是正确的，实际以自己测试结果为准，以上仅供参考。

zizi
回帖
41
 帖子
20
 积分
290

近期热议

推荐标签 标签

  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖
  • 尊园地产

    昆明尊园房地产经纪有限公司，即：Kunming Zunyuan Property Agency Company Limited（简称“尊园地产”）于 2007 年 6 月开始筹备，2007 年 8 月 18 日正式成立，注册资本 200 万元，公司性质为股份经纪有限公司，主营业务为：代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 800 关注
  • sts
    2 引用 • 2 回帖 • 247 关注
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    100 引用 • 905 回帖
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    36 引用 • 200 回帖 • 40 关注
  • OpenShift

    红帽提供的 PaaS 云，支持多种编程语言，为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 662 关注
  • 机器学习

    机器学习（Machine Learning）是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。

    77 引用 • 37 回帖
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    346 引用 • 760 回帖
  • Swagger

    Swagger 是一款非常流行的 API 开发工具，它遵循 OpenAPI Specification（这是一种通用的、和编程语言无关的 API 描述规范）。Swagger 贯穿整个 API 生命周期，如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言，在 20 世纪 90 年代中期由日本的松本行弘（まつもとゆきひろ/Yukihiro Matsumoto）设计并开发。在 Ruby 社区，松本也被称为马茨（Matz）。

    7 引用 • 31 回帖 • 269 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3203 引用 • 8217 回帖 • 2 关注
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    26508 引用 • 110259 回帖 • 1 关注
  • CSS

    CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    199 引用 • 543 回帖 • 3 关注
  • IPFS

    IPFS（InterPlanetary File System，星际文件系统）是永久的、去中心化保存和共享文件的方法，这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    20 引用 • 245 回帖 • 236 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件，最早由德国 Innotek 公司开发，由 Sun Microsystems 公司出品的软件，使用 Qt 编写，在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 18 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 471 关注
  • Access
    1 引用 • 3 回帖 • 3 关注
  • danl
    • 181 关注
  • 30Seconds

    📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。

    • 精选常见面试题，帮助您准备下一次面试
    • 精选常见交互，帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段，帮助你获取最佳实践
    • 精选常见代码集，帮助您提高打码效率
    • 整理前端界的最新资讯，邀您一同探索新世界
    488 引用 • 384 回帖 • 4 关注
  • 负能量

    上帝为你关上了一扇门，然后就去睡觉了....努力不一定能成功，但不努力一定很轻松 (° ー °〃)

    89 引用 • 1251 回帖 • 391 关注
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案，后端采用 Go 编写，采用 MIT 许可证。

    5 引用 • 16 回帖 • 1 关注
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 407 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统，主要使用于便携设备。2005 年由 Google 收购注资，并拉拢多家制造商组成开放手机联盟开发改良，逐渐扩展到到平板电脑及其他领域上。

    336 引用 • 324 回帖 • 1 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • IDEA

    IDEA 全称 IntelliJ IDEA，是一款 Java 语言开发的集成环境，在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。

    181 引用 • 400 回帖
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统，它完整实现了 JMS 规范，是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 686 关注
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 38 关注

最新标签