ESPHOME Fonts字体组件

这篇具有很好参考价值的文章主要介绍了ESPHOME Fonts字体组件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

字体下载

点阵屏字体下载地址推荐
可以下载到各种尺寸的字体:dafont

Note

字体单位pt与px

pt:指印刷行业中的一个打印单位(point)
px:像素(pixel)

ESPHome可以选择使用任何TrueType (.ttf)字体文件在任何大小,以及固定大小的PCF和BDF位图字体!

要使用字体,首先必须在您的ESPHome配置文件中定义一个字体对象。只需从互联网上的某个地方获取。.ttf.pcf.bdf文件,并将其放置在配置文件旁边的字体文件夹中。

创建字体对象

font:
  - file: "fonts/Comic Sans MS.ttf"
    id: my_font
    size: 20

  # gfonts://family[@weight]
  - file: "gfonts://Roboto"
    id: roboto
    size: 20

  - file:
      type: gfonts
      family: Roboto
      weight: 900
    id: font2
    size: 16

  - file: "fonts/tom-thumb.bdf"
    id: tomthumb
  • file (必须): 字体文件的路径(相对于.yaml文件所在的位置)。你可以使用gfonts://短格式来使用谷歌字体,或者使用下面的结构:
    • type (必须, string): 可以是gfonts或local。
    • Google Fonts: 每个谷歌字体将下载一次并缓存以备将来使用。
      • family (必须, string): 谷歌字体家族的名称。
      • weight (可选, enum): 字体的粗细。可以是文本名称或整数值:
        • thin: 100
        • extra-light: 200
        • light: 300
        • regular: 400 (default)
        • medium: 500
        • semi-bold: 600
        • bold: 700
        • extra-bold: 800
        • black: 900
      • italic (可选, boolean): 字体是否应该是斜体。
    • Local Fonts:
      • path (必须, string): TrueType或位图字体文件的路径(相对于.yaml文件所在的位置)。
  • id (必须, ID): 稍后在显示代码中可以引用该字体的ID。
  • size (可选, int): 字体的大小,单位是pt(不是像素!)如果要使用不同大小的相同字体,请创建两个字体对象。注意:位图字体忽略大小。默认为20。
  • glyphs (可选, list): 您计划使用的字符列表。只有您在这里指定的字符才会被编译成二进制文件。如果您需要一些特殊字符,或者如果您不打算使用某些字形,则希望减少二进制文件的大小,请调整此值。例如,如果您想使用字体连接,列表中的项目也可以超过一个字符长。 默认为 !"%()+=,-_.:°0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

OLED demo

demo中使用的字体为8px字体。
OLED的配置说明请参考 ESPHOME_驱动OLED显示时间文章来源地址https://www.toymoban.com/news/detail-548800.html


font:
  - file:
      type: gfonts
      family: Roboto
      weight: 400
    id: my_gfont
    size: 32

  - file: "fonts/pixelmix.ttf"
    id: my_pixelmix8
    size: 8

  - file: "fonts/pixelmix.ttf"
    id: my_pixelmix32
    size: 32

  - file: "fonts/pixelmix_bold.ttf"
    id: my_pixelmix_bold8
    size: 8
  - file: "fonts/pixelmix_bold.ttf"
    id: my_pixelmix_bold32
    size: 32


i2c:   # 配置I2C接口信息
  sda: GPIO2
  scl: GPIO14
  frequency: 400k

display:
  - platform: ssd1306_i2c
    id: my_oled
    model: "SSD1306 128x64"
    address: 0x3C
    lambda: |-
      it.print(0, 0, id(my_pixelmix8), "AB");
      it.print(64, 0, id(my_pixelmix32), "AB");
      it.print(0, 32, id(my_pixelmix_bold8), "AB");
      it.print(32, 32, id(my_pixelmix_bold32), "AB");

到了这里,关于ESPHOME Fonts字体组件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 引入第三方字体库 第三方字体库Google Fonts

    googlefonts官方网站 googlefonts中国网站 本人是在微信小程序中引入 在static中建一个文件夹font-family 例如字体链接:https://fonts.font.im/css?family=Kirang+Haerang 将该链接的返回的资源的复制到css文件中 font-family.css main.js引入 微信小程序不校验合法域名就能看到结果

    2024年02月16日
    浏览(43)
  • 解决Qt字体问题:QFontDatabase: Cannot find font directory xx/lib/fonts

    运行程序的时候,给了我一句提示: QFontDatabase: Cannot find font directory /home/xxx/Qt5.9.7/5.9.7/arm-linux-gnueabihf-gcc/lib/fonts. Note that Qt no longer ships fonts. Deploy some (from http://dejavu-fonts.org for example) or switch to fontconfig. 这个错误提示比较明显的就是字体库缺失。 两种方式: 1.直接在main函数里

    2024年02月12日
    浏览(40)
  • neovim图标显示乱码,utf8字体显示乱码(Windows10和Centos安装nerd-fonts)

    作为一名想成为大神的菜鸟程序员,一个牛X的代码编辑环境是必不可少的,在这里我推荐neovim和emacs。我使用的是neovim,github上有neovim-from-scratch工程可以一步一步学习搭建,B站上也有相关视频可供学习,在这里不做赘述 neovim中可以配置个性化的图标,但是很多人配置完后图

    2024年02月07日
    浏览(42)
  • 【Unity编辑器扩展】字库裁剪工具, 优化字体文件大小,批量修改文本组件字体

    原理: 1. 扫描项目中用到的字符集; 2. 把字体文件裁剪掉没用到的字符,仅保留项目中用到的字符; 3. 生成裁剪后的字体文件; 工具功能设计: 1. 支持通过拖拽字体文件或文件夹批量选择需要裁剪的字体文件。 2. 扫描工程中使用到的字符集:主要是获取prefab中Text、TextM

    2024年02月15日
    浏览(34)
  • Unity UGUI使用Text组件位图字体进行自适应大小

    1.首先我们需要把位图字体导入到unity中,然后利用插件转化一下 我使用的是BMFont 2.然后我们就可以看到生成了四个文件,其中我们主要注意的是.fontsettings文件, 我们主要修改的就是 Character Rect里面的各个参数,至于具体是什么 ,大家有兴趣的可以去搜索, 好了 我们直接上代码 把

    2024年02月05日
    浏览(41)
  • 【React】如何简单快速地修改antd组件UI内部样式如字体颜色

    最近刚开始学习react 在写一个登录的页面 发现组件的颜色不太合适,默认是黑色字体 那我想修改成白色字体以适应我的页面 运用多种css文件打包策略太过复杂 对我这种小白不友好 两行代码搞定 实现需求 通过:global加上!important 在Umi项目中,在global.less文件夹下面,通过roo

    2024年02月13日
    浏览(39)
  • vue2 - Antd Table组件的头部单元格 字体加粗, 文字内容居中 解决办法:

    问题:默认情况下,英文字体加粗,中文字体不加粗, 在当前.vue的style增加穿透antd table的表头样式,然后在使用table的外层设置加上class 分2种情况,单独设置表头,或者所有单元格都居中 单独设置表头:在设置列时,加上方法:customHeaderCell 所有单元格:在设置第一列时加

    2024年02月15日
    浏览(45)
  • Eclipse - Colors and Fonts

    编码最好使用等宽字体,Ubuntu 下自带的 Ubuntu Mono 可以使用。更换字体时看到名字里面带有 Mono 的基本都是等宽字体。 Window - Preferences - General - Appearance - Colors and Fonts - C/C++ - Editor - C/C++ Editor Text Font - Edit Default… 字号设置为 10 或者 11 ​​​ [1] Yongqiang Cheng, https://yongqiang.blo

    2024年02月19日
    浏览(24)
  • #Uniapp:引入fonts&目录结构&全局样式&启动模式&全局变量

    uni-app 运行到微信开发者工具需要注意 小程序路径需要配置, 小程序端口需要开启 目录结构 开发规范 遵循vue和小程序混合 全局配置样式 全局 pages.json 局部的样式会覆盖全局的样式 https://uniapp.dcloud.net.cn/collocation/pages#style 可以单独设置h5的样式 tabBar tabBar 中的 list 是一个数

    2024年01月24日
    浏览(30)
  • Code Composer Studio (CCS) - Colors and Fonts

    Window - Preferences - General - Appearance - Colors and Fonts - C/C++ - Editor - C/C++ Editor Text Font (set to default: Text Font) - Edit Default [1] Yongqiang Cheng, https://yongqiang.blog.csdn.net/

    2024年02月21日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包