syntaxhighlighter ต้องใช้ jquery เพื่อ wait logo on print
การใช้งาน 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
<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