WPIntell

Source evidence

Swap font

Customify · support · 2020-06-07T16:59:00+00:00

mixedsentiment
mediumseverity
0.84relevance
4replies
Evidence linked to opportunitycommercial context

Proof Health

Open evidence

Commercial opportunities need traceable source links before they are treated as build-worthy.

4 / 32 rows with source links

12.5% of this page's analysis has direct source links.

0 build-decision rows missing links

0 rows here require auditable proof before promotion.

28 rows with no attached evidence

0 rows have source counts but still need direct links.

Conversation

support
kuba739 resolved
Please update this plugin – it doesn’t support font-display: swap. Hi, Could you be a little more specific about what you are trying to do? That CSS rule is part of the @font-face definition. Customify doesn’t handle that. When I run pagespeed insights it says that google fonts added by customify doesn’t have font-display attribute. Customify adds custom css to my website code. I can and my own css rules but it looks like this .site-title, .c-navbar, .c-reading-bar, .single .entry-title, .h0, .header-dropcap, .dropcap, body, .c-reading-bar__wrapper-title, .entry-content, blockquote, h1, .h1, h2, .h2, h3, .h3, .post-navigation .nav-title, div.jetpack-recipe .jetpack-recipe-directions-title, div.jetpack-recipe .jetpack-recipe-ingredients-title, div.jetpack-recipe .jetpack-recipe-title, h4, .h4, .comment__author, .entry-content h5, .h5, h5, blockquote cite, blockquote footer, .wp-block-quote[class] cite, .wp-block-quote[class] footer, .header-meta, .nav-links__label, .comment-form label, .contact-form>div>.grunion-field-label:not(.checkbox):not(.radio), div.wpforms-container[class] .wpforms-form .wpforms-field-label, .nf-form-cont .label-above .nf-field-label label, #content .sharedaddy[class] .sd-button, h6, .h6, .c-author__footer, .comment__metadata, .reply a, .button, .entry-content .button, .c-btn, .c-comments-toggle__label, .c-card__action, button[type=button], button[type=reset], button[type=submit], input[type=button], input[type=submit], div.jetpack-recipe .jetpack-recipe-print[class] a, .entry-header .cats a, .entry-content .cats[class] > a, .meta__item--button, [id="subscribe-submit"], .featured-posts__more, .c-card__title, .c-card__letter, .c-meta__primary, .c-meta__secondary, .c-gallery--blog .c-card__excerpt, .loader-message { font-display: swap; } it would be easier if customify add just font-display: swap; to every font used. Ok. Now I understand what you mean. I have opened an issue here about this: https://github.com/pixelgrade/customify/issues/221 All the best, Vlad Pixelgrade Hi, In the latest version of Customify (v2.9.0), we use font-display: swap. All the best, Vlad Pixelgrade

Comments

4 shown
pixelgrade 2020-06-09T08:03:00+00:00

Hi, Could you be a little more specific about what you are trying to do? That CSS rule is part of the @font-face definition. Customify doesn’t handle that.

kuba739 2020-06-09T16:11:00+00:00

When I run pagespeed insights it says that google fonts added by customify doesn’t have font-display attribute. Customify adds custom css to my website code. I can and my own css rules but it looks like this .site-title, .c-navbar, .c-reading-bar, .single .entry-title, .h0, .header-dropcap, .dropcap, body, .c-reading-bar__wrapper-title, .entry-content, blockquote, h1, .h1, h2, .h2, h3, .h3, .post-navigation .nav-title, div.jetpack-recipe .jetpack-recipe-directions-title, div.jetpack-recipe .jetpack-recipe-ingredients-title, div.jetpack-recipe .jetpack-recipe-title, h4, .h4, .comment__author, .entry-content h5, .h5, h5, blockquote cite, blockquote footer, .wp-block-quote[class] cite, .wp-block-quote[class] footer, .header-meta, .nav-links__label, .comment-form label, .contact-form>div>.grunion-field-label:not(.checkbox):not(.radio), div.wpforms-container[class] .wpforms-form .wpforms-field-label, .nf-form-cont .label-above .nf-field-label label, #content .sharedaddy[class] .sd-button, h6, .h6, .c-author__footer, .comment__metadata, .reply a, .button, .entry-content .button, .c-btn, .c-comments-toggle__label, .c-card__action, button[type=button], button[type=reset], button[type=submit], input[type=button], input[type=submit], div.jetpack-recipe .jetpack-recipe-print[class] a, .entry-header .cats a, .entry-content .cats[class] > a, .meta__item--button, [id="subscribe-submit"], .featured-posts__more, .c-card__title, .c-card__letter, .c-meta__primary, .c-meta__secondary, .c-gallery--blog .c-card__excerpt, .loader-message { font-display: swap; } it would be easier if customify add just font-display: swap; to every font used.

pixelgrade 2020-06-10T11:20:00+00:00

Ok. Now I understand what you mean. I have opened an issue here about this: https://github.com/pixelgrade/customify/issues/221 All the best, Vlad Pixelgrade

pixelgrade 2020-06-18T07:44:00+00:00

Hi, In the latest version of Customify (v2.9.0), we use font-display: swap. All the best, Vlad Pixelgrade