beercss / beercss

Build material design interfaces in record time... without stress for devs... πŸΊπŸ’›
https://www.beercss.com
MIT License
940 stars 47 forks source link

Material Icons briefly show <i> icon text #281

Closed SuperDOS closed 3 weeks ago

SuperDOS commented 1 month ago

When loading a page you briefly see the icon text for the materials icon, i noticed in beercss.css it's set to swap instead of block. if I change to font-display:block it won't show the text. very small thing but looks a bit cleaner when loading the page. :)

@font-face { font-family: Material Symbols Outlined; font-style: normal; font-weight: 400; font-display: block; src: url(material-symbols-outlined.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@3.5.1/dist/cdn/material-symbols-outlined.woff2) format("woff2") }

@font-face { font-family: Material Symbols Rounded; font-style: normal; font-weight: 400; font-display: block; src: url(material-symbols-rounded.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@3.5.1/dist/cdn/material-symbols-rounded.woff2) format("woff2") }

@font-face { font-family: Material Symbols Sharp; font-style: normal; font-weight: 400; font-display: block; src: url(material-symbols-sharp.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@3.5.1/dist/cdn/material-symbols-sharp.woff2) format("woff2") } image

leonardorafael commented 1 month ago

Nice! We will try it and add this on next release.

SuperDOS commented 1 month ago

out of curiosity how long before 3.5.2 is released? :)