[FONT] มีปัญหาในการใช้ font face จากกูเกิ้ล รบกวนหน่อยครับ

[xmen256k]

คือต้องการใช้ฟอนท์บนเว็บไซต์ครับ

เป็นฟอนท์ของกูเกิ้ล ชื่อว่า Kanit ครับ

โดยผมแทรกโค๊ดเพื่อดึงฟอนท์มาใช้ดังนี้

@import url(https://fonts.googleapis.com/css?family=Kanit&subset=thai,latin);

โดยใส่เข้าไปในข้างบนสุดของ CSS ของเว็บ

จากนั้นก็ใส่

font-family: 'Kanit', sans-serif;

ไว้ใน style ที่ h1 h2 h3 h4 h5 h6

แต่ผลลัพธ์ที่ออกมา

บางครั้ง ก็แสดงผลเหมือนกันหมด

แต่บางครั้งก็ แสดงผลไม่เหมือนกัน โดยมีข้อความบางตัวที่ยังคงใช้ฟอนท์เก่าอยู่

ไม่ทราบว่าจะสามารถแก้ไขได้อย่างไรบ้าง

ขอบคุณครับ

[smapan]

บางครั้ง ก็แสดงผลเหมือนกันหมด

แต่บางครั้งก็ แสดงผลไม่เหมือนกัน โดยมีข้อความบางตัวที่ยังคงใช้ฟอนท์เก่าอยู่

หน้าที่แสดงผลแบบนี้ แสดงว่า มีการ เรียงลำดับการ load css ไม่เหมือนปรกติครับ

[xmen256k]

บางครั้ง ก็แสดงผลเหมือนกันหมด

แต่บางครั้งก็ แสดงผลไม่เหมือนกัน โดยมีข้อความบางตัวที่ยังคงใช้ฟอนท์เก่าอยู่

หน้าที่แสดงผลแบบนี้ แสดงว่า มีการ เรียงลำดับการ load css ไม่เหมือนปรกติครับ

คือมันไม่ใช่เป็นทั้งหน้าอ่าครับ เป็นเฉพาะบางข้อความในหน้านั้นๆเลย แถมอยู่ใน element เดียวกันด้วยครับ เช่น

มี h1 เขียนคำว่า เว็บบอร์ด ไทยเสียว

โดยผลลัพธ์ที่ได้คือ เว็บบอร์ดเป็นฟอนท์เก่าครับ แต่ไทยเสียวเป็นฟอนท์ใหม่ = =

[smapan]

บางครั้ง ก็แสดงผลเหมือนกันหมด

แต่บางครั้งก็ แสดงผลไม่เหมือนกัน โดยมีข้อความบางตัวที่ยังคงใช้ฟอนท์เก่าอยู่

หน้าที่แสดงผลแบบนี้ แสดงว่า มีการ เรียงลำดับการ load css ไม่เหมือนปรกติครับ

คือมันไม่ใช่เป็นทั้งหน้าอ่าครับ เป็นเฉพาะบางข้อความในหน้านั้นๆเลย แถมอยู่ใน element เดียวกันด้วยครับ เช่น

มี h1 เขียนคำว่า เว็บบอร์ด ไทยเสียว

โดยผลลัพธ์ที่ได้คือ เว็บบอร์ดเป็นฟอนท์เก่าครับ แต่ไทยเสียวเป็นฟอนท์ใหม่ = =

น่าจะเป็น pseudo-selectors แบบที่ไม่ค่อยปรกติครับ ส่วนตัวไม่เคยใช้งานจริงๆครับ

โค้ด เลือก ขยาย


::first-letter
::nth-letters
::nth-words