ThaiSEOBoard.com

พัฒนาเว็บไซต์ => วิจารณ์เว็บไซต์ => ข้อความที่เริ่มโดย: toekingsize ที่ 27 มกราคม 2016, 15:29:55


หัวข้อ: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: toekingsize ที่ 27 มกราคม 2016, 15:29:55
ตัวอย่างถ้าใช้ฟ้อนต์ 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;
}

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: ptest ที่ 27 มกราคม 2016, 15:34:42
 :wanwan017:  ขอบคุณครับ

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: jeen705 ที่ 27 มกราคม 2016, 16:46:22
ขอบคุณครับผม

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: CreamStrawzbery ที่ 27 มกราคม 2016, 18:58:13
ขอบคุณครับ  :wanwan017:

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: musichost ที่ 27 มกราคม 2016, 19:00:02
แจ่มเลย  :wanwan017:

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: zidit ที่ 27 มกราคม 2016, 19:22:42
เยี่ยมเลยครับ

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: wrighter ที่ 27 มกราคม 2016, 20:12:44
เก็บความรู้ ขอบคุณครับ :wanwan017:

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: scripture ที่ 27 มกราคม 2016, 20:16:38
หาวิธีแก้มาตั้งนาน ขอบคุณมากๆนะครับ

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: verysims ที่ 27 มกราคม 2016, 20:21:05
 ขอบคุณครับ  :wanwan020:

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: blur_smile ที่ 03 กุมภาพันธ์ 2016, 22:01:05
 :wanwan017:

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: Mal2s ที่ 04 กุมภาพันธ์ 2016, 00:07:53
ขอบคุณครับ ฟอนต์สวยดีด้วย

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: rukrean ที่ 04 กุมภาพันธ์ 2016, 00:13:58
ผมเคยลองแล้วเหมือนกัน font kanit สวยใช้ได้เลย.. แต่ไม่ได้เอามาใช้จริงๆ จังๆ แค่ลอง ฮ่าๆๆ

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: prinzekung ที่ 04 กุมภาพันธ์ 2016, 00:18:54
แหล่มครับ เว็บผมก็ใช้ฟอนต์นี้แล้ว จิ้มเข้ามาดูได้ครับ อิอิ

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: wasantec ที่ 04 กุมภาพันธ์ 2016, 00:43:28
แทบไม่ต่างกันเลยในเมื่อมันเรียกจากที่อื่นเหมือนเดิม  :P

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


หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: steelheros ที่ 04 กุมภาพันธ์ 2016, 08:13:24
ต้องลอง ขอบคุณครับผม  :wanwan017:

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: methapun ที่ 04 กุมภาพันธ์ 2016, 08:37:21
ขอบคุณครับ

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: aomaaaaa ที่ 04 กุมภาพันธ์ 2016, 11:09:56
ขอบคุณครับ :wanwan003:

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: BlueDragon ที่ 04 กุมภาพันธ์ 2016, 11:41:27
 :wanwan017:

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


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


อ้างจาก: toekingsize ที่ 27 มกราคม 2016, 15:29:55
ตัวอย่างถ้าใช้ฟ้อนต์ 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;
}

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: Lost Way ที่ 04 กุมภาพันธ์ 2016, 12:15:01
อ้างถึง
src: local('Kanit'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/ka...1/RPQGAQk3DD66RypwKRnBKQ.woff2 ) format('woff2');
จากตัวอย่าง โหลดไฟล์ไปวางที่เซอร์เวอร์เราเลย แล้วก็เปลี่ยน url เลย มันน่าจะเร็วกว่า จะได้ไม่ต้องรอเรียกจาก https://fonts.gstatic.com นะผมว่า
นานาจิตตัง

หัวข้อ: Re: ใครมีปัญหาหน้าเว็บโหลดฟ้อนต์จาก Google ช้า มาทางนี้มีคำตอบ
เริ่มหัวข้อโดย: EyeShild21 ที่ 04 กุมภาพันธ์ 2016, 12:33:45
โหลดช้าจริง ขอลองไปใช้หน่อย ขอบคุณครับ :wanwan017:


SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com