21 results found

1. Add and allow fonts to be "copied as base64"

   It would be great to have an option to copy a specific font (not the whole font family) as base64 string to directly use it in CSS as "src" of a @font-face rule.

   This helps to get rid of flashing of fonts that have not yet been loaded. Making this possible on per font file bases allows us to add fonts that appear above-the-fold load with the page itself. Currently, while fonts from Adobe are loading the user sees a fallback font, when load completes it swaps the font causing a Cumulative Layout Shift if a few parameters dont match (fonts have different x height, different line height at same pixel value, etc). By loading one font (A heading font file at a certain weight for example) only adds a few KBs (as base64 string) to the page. Not enough to cause a performance hit, but fixes the font flashing and Cumulative Layout Shift casued by font swapping completely.

   Right now it is possible to do by dowloading font files from the Network tab in the browser's developer tools and convering it to base64 manually. So technicaly this works perfectly. If the feature is never implemented, allowing it from the legal standpoint would be great and could be pashe 1 of implementing this feature.

   It would be great to have an option to copy a specific font (not the whole font family) as base64 string to directly use it in CSS as "src" of a @font-face rule.

   This helps to get rid of flashing of fonts that have not yet been loaded. Making this possible on per font file bases allows us to add fonts that appear above-the-fold load with the page itself. Currently, while fonts from Adobe are loading the user sees a fallback font, when load completes it swaps the font causing a Cumulative Layout Shift if a few parameters dont match… more

   2 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   0 comments  ·  01. No category  ·  Delete…  ·  Admin →