Skip to main content

Best Ensure text remains visible during webfont load solved

  you can solve this problem in 2 step very easy to resolve. you have to add all font links in it that u are getting in speed errer in #2 point

use this and paste it 👇above </body> tag

#!

&lt;link

  href=&quot;https://fonts.googleapis.com/css?family=Roboto:400,700&amp;display=swap&quot;

  rel=&quot;stylesheet&quot;

/&gt;

#2

paste this<head>under head

&lt;!DOCTYPE html&gt;

&lt;html&gt;

&lt;head&gt;

  &lt;!-- Other head elements --&gt;

  &lt;!-- Adding Google Font via link --&gt;

  &lt;link href=&quot;https://fonts.googleapis.com/css?family=Roboto:400,700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;

  &lt;!-- Adding the @font-face CSS --&gt;

  &lt;style&gt;

    @font-face {

      font-family: &#39;Pacifico&#39;;

      font-style: normal;

      font-weight: 400;

      src: local(&#39;Pacifico Regular&#39;), local(&#39;Pacifico-Regular&#39;),

        url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2)

          format(&#39;woff2&#39;);

      font-display: swap;

    }

  &lt;/style&gt;

&lt;/head&gt;

&lt;body&gt;

  &lt;!-- Body content --&gt;

&lt;/body&gt;

&lt;/html&gt;

if problem is not solved add more fonts in body{tag

#3

@font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v20/0QI6MX1D_YAJKOYtA8fjPzLPaQ.woff2) format('woff2'); font-display: swap; }

Labels:

Comments

Post a Comment

Popular posts from this blog

ai tool

 https://smodin.io/free-english-rewriter-and-spinner/ai-detection-remover ai detecter and removal https://originality.ai/blog/highlight-ai-text= for ai highlighter and affiliate marketing https://gptzero.me/  = ai writing detector and highlighter  https://www.zerogpt.com/           = ai content writer detector https://plagiarism-remover.com/humanize-ai-text/           = humanize writer
Post a Comment
Read more

Add Code Box

  HTML CSS And Java Script  <style> .K2_CBox{position:relative;background:#fff;width:100%;border-radius:6px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;padding:10px;margin:30px 0 30px} .K2_CBox .CB_Heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px} .K2_CBox .CB_Heading span{margin:0;font-weight:700;font-family:inherit;font-size:1.1rem} .K2_CBox .C_box_main{cursor:pointer;display:inline-flex;align-items:center;padding:12px;outline:0;border:0;border-radius:50%;background:#004cbd;transition:all .3s ease;-webkit-transition:all .3s ease}.K2_CBox .C_box_main:hover{opacity:.8}.K2_CBox .C_box_main .CBox_icn{flex-shrink:0;display:inline-block;width:18px;height:18px;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-wi...
Post a Comment
Read more

create a list of 100 things someone may now know about SEO

  create a list of 100 things someone may now know abouT SEO stands for Search Engine Optimization. SEO is the process of optimizing a website to improve its visibility and ranking on search engines. Google is the most popular search engine, followed by Bing and Yahoo. SEO involves both on-page and off-page optimization techniques. On-page optimization includes optimizing the content and structure of a website. Off-page optimization includes building backlinks to a website. SEO requires constant monitoring and updating to maintain rankings. Keyword research is the foundation of SEO. Long-tail keywords are easier to rank for than short-tail keywords. Keyword stuffing is a black hat SEO technique that can get a website penalized. Meta tags are important for on-page optimization. Title tags and meta descriptions should be unique and relevant to the page. Header tags (H1, H2, H3) are important for on-page optimization. Content should be well-written and provide value to the reader. Dup...
Post a Comment
Read more