Mengatasi Ensure text remains visible during webfont load - Baperan | Ragam Berita Terkini | Beritanya Bikin Baper

Mengatasi Ensure text remains visible during webfont load

13 December 2019


Insights
Setelah mengetes performance speed di PageSpeed Insights nah jika ada tulisan Ensure text remains visible during webfont load atau dalam bahasa indonesia Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web, tulisan itu muncul karena ada permasalahan pada render font web dari pihak ketiga seperti Google Font, Font Awesome, Type kit dan lainnya. 

Oke, ada solusi untuk mengatasi hal ini seperti ini dan masalah tersebut cukup simple untuk di kerjakan, cukup menambahkan CSS dengan atribut font-display:swap; pada script-nya. Untuk menambahkan atribut itu anda perlu mencari script CSS dengan atribut @font-face di menu Theme kemudian edit HTML di blogger. 
HTML BLOGGER
Pilihlah Edit HTML untuk melihat editor XML di blogger dan temukan atribut @font-face

Jika tidak ketemu bukalah URL di bagian atribut <link> dan tambahkan ?&display=swap
Seperti ini:

<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">

CArilah
Ini adalah bagian yang belum dirubah, pada editor XML


Share on :

No comments:

Post a Comment

 
Copyright © 2015 Baperan | Ragam Berita Terkini | Beritanya Bikin Baper
Distributed By Google Template | Design By YRS