Upstream/esphome-docs
1
0
Fork 0
mirror of https://github.com/esphome/esphome-docs.git synced 2024-11-10 10:11:29 +01:00
Code Issues Projects Releases Wiki Activity

display font: document using gfonts:// for icons (#2883)

Browse Source 
Added example showing how to use gfonts to download icons. It seems it is not widely known.

Co-authored-by: H. Árkosi Róbert <robreg@zsurob.hu>
This commit is contained in:
Luis Peralta 2023-10-25 16:50:32 +02:00 committed by GitHub
parent f5d86c33c2
commit 022d32c63d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/display/index.rst
View File

@ -184,6 +184,11 @@ Next, create a ``font:`` section in your configuration:
- file: "fonts/tom-thumb.bdf" - file: "fonts/tom-thumb.bdf"
id: tomthumb id: tomthumb
- file: 'gfonts://Material+Symbols+Outlined'
id: icon_font_50
size: 50
glyphs: ["\U0000e425"] # mdi-timer
display: display:
# ... # ...
@ -197,7 +202,8 @@ Configuration variables:
**Google Fonts**: **Google Fonts**:
Each Google Font will be downloaded once and cached for future use. Each Google Font will be downloaded once and cached for future use. This can also be used to download Material
Symbols or Icons as in the example above.
- **family** (**Required**, string): The name of the Google Font family. - **family** (**Required**, string): The name of the Google Font family.
- **weight** (*Optional*, enum): The weight of the font. Can be either the text name or the integer value: - **weight** (*Optional*, enum): The weight of the font. Can be either the text name or the integer value: