syntaxhighlighter ต้องใช้ jquery เพื่อ wait

ปรับปรุง : 2567-12-05 (ต้องใช้ jquery)

การใช้งาน font จาก CDN สืบค้นเรื่องฟอนต์ พบว่า lazywasabi.net ให้บริการฟอนต์จุฬาภรณ์ลิขิต และอีกหลายฟอนต์ เช่น Anakotmai, Anuphan, Droid Sans Thai, Kinnari, Loma, Noto Sans Thai, Sarabun, Umpush ผ่านบริการ CDN ที่เค้าตั้งขึ้นมาใช้งาน และเปิดให้ผู้พัฒนาโฮมเพจได้เรียกใช้ได้ด้วย บริการนี้ทำให้นักพัฒนาไม่จำเป็นต้องติดตั้งฟอนต์ไว้ในเครื่องบริการของตนเอง การใช้งานฟอนต์ จุฬาภรณ์ลิขิต คล้ายกับ google fonts ซึ่ง code ของผมที่ใช้งาน CDN ของ lazywasabi.net คือ open source : adminlte357.php เมื่อเข้าไปดูเนื้อหาของผู้ให้บริการ CDN พบว่า ! lazywasabi.com มีเรื่องราวในปี 2021 - 2022 ให้น่าติดตาม

ตัวอย่าง code

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit:300,400,400i,700">
<link rel="stylesheet" href="https://cdn.lazywasabi.net/fonts/ChulabhornLikit/ChulabhornLikitText.css" >
<style>body {font-family:'Chulabhorn Likit Text';}</style>
เมื่อเข้าไปดูภายในแฟ้ม ChulabhornLikitText.css พบ code ดังนี้
@font-face {
  font-family: 'Chulabhorn Likit Text';
  src:
    url('https://cdn.lazywasabi.net/fonts/ChulabhornLikit/ChulabhornLikitText-Regular.woff2')
    format('woff2'),
    url('https://cdn.lazywasabi.net/fonts/ChulabhornLikit/ChulabhornLikitText-Regular.woff')
    format('woff');
  font-style: normal; font-weight: normal; font-display: swap;
}
@font-face {
  font-family: 'Chulabhorn Likit Text';
  src:
    url('https://cdn.lazywasabi.net/fonts/ChulabhornLikit/ChulabhornLikitText-Bold.woff2')
    format('woff2'),
    url('https://cdn.lazywasabi.net/fonts/ChulabhornLikit/ChulabhornLikitText-Bold.woff')
    format('woff');
  font-style: normal; font-weight: bold; font-display: swap;
}

Thaiall.com