ពុម្ពអក្សរ
ប្រភេទអក្សរ (CSS Fonts & Google Fonts)
ការជ្រើសរើស Font បានត្រឹមត្រូវ ជួយលើកកម្ពស់សោភ័ណភាពវិបសាយរបស់អ្នកបាន ៥០% ទៅហើយ! នៅក្នុង CSS យើងប្រើ font-family ដើម្បីកំណត់ប្រភេទអក្សរ។
១. ទម្រង់អក្សរ (Font Family)
Font មានពីរប្រភេទធំៗគឺ Serif (អក្សរមានកន្ទុយតូចៗនៅចុង ដូចជា Times New Roman ល្អសម្រាប់ការបោះពុម្ពសៀវភៅ) និង Sans-serif (អក្សររលោងគ្មានកន្ទុយ ដូចជា Arial ល្អបំផុតសម្រាប់មើលលើអេក្រង់ទូរស័ព្ទ)។
នៅពេលអ្នកកំណត់ font-family អ្នកគួរតែប្រាប់ឈ្មោះ Font បម្រុងទុក (Fallback) ជានិច្ច ក្រែងលោក្នុងកុំព្យូទ័រភ្ញៀវអត់មាន Font ទី១។
២. ការភ្ជាប់យក Google Fonts មកប្រើ (Pro Tip!)
ការប្រើប្រាស់ Font ដែលមានស្រាប់ក្នុងម៉ាស៊ីន (Web-safe fonts) គឺវាមើលទៅសាមញ្ញពេក និងមិនសូវស្អាតទេ។ ដូច្នេះ អ្នកអភិវឌ្ឍន៍អាជីពតែងតែទាញយក Font ឥតគិតថ្លៃដ៏ស្រស់ស្អាតពី Google Fonts (fonts.google.com) មកប្រើ។
របៀបប្រើ៖ ចូលទៅ Google Fonts រើស Font ណាមួយ (ឧទាហរណ៍ 'Hanuman' សម្រាប់អក្សរខ្មែរ ឬ 'Roboto' សម្រាប់អង់គ្លេស) ចម្លងកូដ <link> មកដាក់ក្នុង <head> របស់ HTML រួចយកឈ្មោះមកដាក់ក្នុង font-family នៅក្នុង CSS ជាការស្រេច!
៣. ទំហំ និង កម្រាស់អក្សរ (Size & Weight)
font-size: ទំហំអក្សរ។ ខ្នាតពេញនិយមគឺpxឬrem។ (ទំហំដើមរបស់កថាខណ្ឌ គឺស្មើនឹង 16px)។font-weight: កម្រាស់អក្សរ។ អ្នកអាចប្រើពាក្យbold(ដិត),normal(ធម្មតា) ឬប្រើលេខពី 100 ដល់ 900 (400 គឺធម្មតា, 700 គឺដិត bold)។font-style: ប្រើសម្រាប់ធ្វើអោយអក្សរទ្រេតitalic។