Help Center

Improved

Fixed

jupitertheme

In Review

Planned

In Progress

Completed

Rejected

High Priority

Low Priority

Backlog

Next up

Done

Main Roadmap

Hey {name|there}! 👋

font-display: swap;Make sure your text remains visible while web fonts are loadingUse the CSS font-display feature to ensure that text is visible to the user when loading web fonts. Learn more about font-display.FCPLCP<style>@font-face {<pre><code>font-family: 'Poppins';font-style: normal;font-weight: 100;font-display: swap; &lt;-- </code></pre>}public function getfontfacefromdata( $font_family, $data ) {<pre><code> $font_face = ''; $src = ''; foreach ( $data as $variation ) { $src = $this-&gt;get_font_src_per_type( $variation ); $font_face .= '@font-face{'; $font_face .= 'font-family:\'' . $font_family . '\';'; $font_face .= 'font-style:' . $variation['font_style'] . ';'; $font_face .= 'font-weight:' . $variation['font_weight'] . ';'; $font_face .= 'src:' . implode( ',', $src ) . ';'; $font_face .= 'font-display: swap'; $font_face .= '}'; } return $font_face;}</code></pre></style>

Font font-display FCPLCP

Enri

Jupiter X

Font font-display FCPLCP

Subscribe to post

Subscribe to post