ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ

[toekingsize]

ตัวอย่างถ้าใช้ฟ้อนต์ Kanit

จากเดิมที่ใช้แค่โค๊ดนี้ <link href='https://fonts.googleapis.com/css?family=Kanit&subset=thai,latin'; rel='stylesheet' type='text/css'>

เอาโค๊ดนี้ฝังลงไปใน CSS เลยจร้าาา หมดปัญหาเรื่องฟ้อนต์โหลดช้าเสียที

/* thai */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v1/RPQGAQk3DD66RypwKRnBKQ.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200B-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v1/dTsnx5aTJLsh5XJEX4lpTw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v1/2fzaAAzWW07YitDl-NekHg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v1/5NAKUBdE3Nb95aTaJlZOXQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

[ptest]

   ขอบคุณครับ

[jeen705]

ขอบคุณครับผม

[CreamStrawzbery]

ขอบคุณครับ 

[musichost]

แจ่มเลย 

[zidit]

เยี่ยมเลยครับ

[wrighter]

เก็บความรู้ ขอบคุณครับ

[scripture]

หาวิธีแก้มาตั้งนาน ขอบคุณมากๆนะครับ

[verysims]

 ขอบคุณครับ 

[blur_smile]

 

[Mal2s]

ขอบคุณครับ ฟอนต์สวยดีด้วย

[rukrean]

ผมเคยลองแล้วเหมือนกัน font kanit สวยใช้ได้เลย.. แต่ไม่ได้เอามาใช้จริงๆ จังๆ แค่ลอง ฮ่าๆๆ

[prinzekung]

แหล่มครับ เว็บผมก็ใช้ฟอนต์นี้แล้ว จิ้มเข้ามาดูได้ครับ อิอิ

[wasantec]

แทบไม่ต่างกันเลยในเมื่อมันเรียกจากที่อื่นเหมือนเดิม 

แนะนำให้โหลดฟ้อนมาแล้ว @font-face เอาเองจะดีกว่าครับ

[steelheros]

ต้องลอง ขอบคุณครับผม 

[methapun]

ขอบคุณครับ

[aomaaaaa]

ขอบคุณครับ

[BlueDragon]

 

ขอบคุณมากๆ ค่ะ


กำลังเจอปัญหานี้อยู่เลยค่ะ

ตัวอย่างถ้าใช้ฟ้อนต์ Kanit

จากเดิมที่ใช้แค่โค๊ดนี้ <link href='https://fonts.googleapis.com/css?family=Kanit&subset=thai,latin'; rel='stylesheet' type='text/css'>

เอาโค๊ดนี้ฝังลงไปใน CSS เลยจร้าาา หมดปัญหาเรื่องฟ้อนต์โหลดช้าเสียที

/* thai */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v1/RPQGAQk3DD66RypwKRnBKQ.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200B-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v1/dTsnx5aTJLsh5XJEX4lpTw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v1/2fzaAAzWW07YitDl-NekHg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v1/5NAKUBdE3Nb95aTaJlZOXQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

[Lost Way]

src: local('Kanit'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/ka...1/RPQGAQk3DD66RypwKRnBKQ.woff2 ) format('woff2');

จากตัวอย่าง โหลดไฟล์ไปวางที่เซอร์เวอร์เราเลย แล้วก็เปลี่ยน url เลย มันน่าจะเร็วกว่า จะได้ไม่ต้องรอเรียกจาก https://fonts.gstatic.com นะผมว่า
นานาจิตตัง

[EyeShild21]

โหลดช้าจริง ขอลองไปใช้หน่อย ขอบคุณครับ