Title: Font CSS
Last modified: May 19, 2020

---

# Font CSS

 *  Resolved [kirstenvanharten](https://wordpress.org/support/users/kirstenvanharten/)
 * (@kirstenvanharten)
 * [5 years, 12 months ago](https://wordpress.org/support/topic/font-css-2/)
 * Hi all,
    So to start; I’m a complexe no brainer in building websites so please
   help me out 😉 I’ve installed hummingbird today to fix the terrible speeding 
   of my website, especially on mobile.
 * I’ve been trying to fix this thing with fonts, but somehow my CSS doesn’t recognize
   it. I use the customizer from WP to add additional CSS.
 * My run test said:
    Diagnostics: Ensure text remains visible during webfont load.
   Your page is not using font-display rule when loading the following web fonts.
 * For fonts hosted locally, add the font-display property to the @font-face CSS
   rule as shown below:
 * @font-face{
    font-family: ‘myWebFont’; font-display: swap; src: url(‘myfont.woff2’)
   format(‘woff2’); }
 * So that’s what i did, but the @font-face stays red and even after applying and
   running a new test, I still get this problem.
 * How to fix ?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffont-css-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Support [Imran – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support9/)
 * (@wpmudev-support9)
 * [5 years, 12 months ago](https://wordpress.org/support/topic/font-css-2/#post-12861062)
 * Hello [@kirstenvanharten](https://wordpress.org/support/users/kirstenvanharten/)
 * I trust you’re doing well!
 * The `myWebFont` needs to ve replaced with a font that is used on your site. And
   the `myfont.woff2` needs to ve replaced with a direct path to the font.
 * I’ve scanned your site with Page Speed Insight and I see that this issue is fixed,
   **
   All text remains visible during webfont loads** recommendations under passed 
   audits.
 * Please let us know if you have any further questions.
 * Have a good day!
 * Cheers,
    Nastia
 *  Thread Starter [kirstenvanharten](https://wordpress.org/support/users/kirstenvanharten/)
 * (@kirstenvanharten)
 * [5 years, 12 months ago](https://wordpress.org/support/topic/font-css-2/#post-12862839)
 * Hi Nadia,
    Thanks.. it’s fixed because I’ve installed another plugin that does
   it all automatically, also the CSS/JS compromizing etc. For now the test results
   increased a lot so for me it’s solved 🙂
 * Thanks
 *  Plugin Support [Imran – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support9/)
 * (@wpmudev-support9)
 * [5 years, 12 months ago](https://wordpress.org/support/topic/font-css-2/#post-12875232)
 * Hello [@kirstenvanharten](https://wordpress.org/support/users/kirstenvanharten/)
 * I hope all is well!
 * Great! Glad to know that all is well!
 * I’ve marked this ticket as resolved. If you do have any followup questions or
   require further assistance feel free to reopen it and let us know here.
 * Kind regards,
    Nastia

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Font CSS’ is closed to new replies.

 * ![](https://ps.w.org/hummingbird-performance/assets/icon-256x256.gif?rev=2633221)
 * [Hummingbird Performance - Cache & Page Speed Optimization for Core Web Vitals | Critical CSS | Minify CSS | Defer CSS Javascript | CDN](https://wordpress.org/plugins/hummingbird-performance/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/hummingbird-performance/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/hummingbird-performance/)
 * [Active Topics](https://wordpress.org/support/plugin/hummingbird-performance/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/hummingbird-performance/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/hummingbird-performance/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Imran – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support9/)
 * Last activity: [5 years, 12 months ago](https://wordpress.org/support/topic/font-css-2/#post-12875232)
 * Status: resolved