ពុម្ពអក្សរ

រចនាបទ​ពុម្ពអក្សរ (Font Style)

អំពី​រចនាបទ​ពុម្ពអក្សរ គឺ​សិក្សា​អំពី font-style property ។ តម្លៃ​របស់​វា​មាន:

• normal - រចនាបទ​ធម្មតា (លំនាំដើម)
• italic - អក្សរ​ទ្រេត (ពុម្ពអក្សរ​ត្រូវ​បាន​រចនា​ឲ្យ​ទ្រេត)
• oblique - អក្សរ​ទ្រេត (អក្សរ​ធម្មតា​ត្រូវ​បាន​បត់​ឲ្យ​ទ្រេត)

ប្រើ italic សំរាប់​អក្សរ​ដែល​មាន​រចនាបទ italic ពិត​ប្រាកដ ហើយ oblique សំរាប់​អក្សរ​ដែល​គ្រាន់​តែ​បត់​ឲ្យ​ទ្រេត។

ទម្ងន់​ពុម្ពអក្សរ (Font Weight)

ទម្ងន់​ពុម្ពអក្សរ គឺ​អំពី​ភាព​ក្រាស់​នៃ​អក្សរ ដែល​ត្រូវ​ប្រើ font-weight property ។ តម្លៃ​របស់​វា​មាន:

• normal - ទម្ងន់​ធម្មតា (400)
• bold - ក្រាស់ (700)
• bolder - ក្រាស់​ជាង​ធាតុ​មាតា
• lighter - ស្រាល​ជាង​ធាតុ​មាតា
• លេខ 100 ដល់ 900 - កម្រិត​ក្រាស់​ជាក់លាក់

មិន​មែន​ពុម្ពអក្សរ​ទាំងអស់​មាន​ទម្ងន់​គ្រប់​កម្រិត​ទេ។ ប្រសិន​បើ​ពុម្ពអក្សរ​គ្មាន​ទម្ងន់​ដែល​បាន​កំណត់ browser នឹង​ប្រើ​ទម្ងន់​ដែល​ជិត​បំផុត។

ទំហំ​ពុម្ពអក្សរ (Font Size)

ដើម្បី​កំណត់​ទំហំ​អក្សរ គឺ​ប្រើ font-size property ។ តម្លៃ​របស់​វា​អាច​ជា:

• ទំហំ​ជា​ពាក្យ: xx-small, x-small, small, medium, large, x-large, xx-large
• ខ្នាត​ប្រវែង: px, em, rem, %, vw
• ទំហំ​ទំនាក់ទំនង: smaller, larger

ការប្រើ​ខ្នាត​ទំនាក់ទំនង (Relative Units)

ប្រើ em ឬ rem ដើម្បី​ធ្វើ​ឲ្យ​ទំហំ​អក្សរ​មាន​ភាព​បត់បែន​ខ្ពស់:

ភាព​ខុស​គ្នា​រវាង em និង rem:
• em - ទំនាក់ទំនង​ទៅ​នឹង​ធាតុ​មាតា
• rem - ទំនាក់ទំនង​ទៅ​នឹង​ធាតុ root (html)

គ្រួសារ​ពុម្ពអក្សរ (Font Family)

ដើម្បី​កំណត់​គ្រួសារ​អក្សរ គឺ​ប្រើ font-family property ។ តម្លៃ​របស់​វា គឺ​ឈ្មោះ​ពុម្ព​អក្សរ និង​ប្រភេទ។

ប្រភេទ​ពុម្ពអក្សរ​ទូទៅ (Generic Font Families)

• serif - ពុម្ពអក្សរ​ដែល​មាន​ខ្សែ​តូច​នៅ​ចុង​អក្សរ (Times New Roman, Georgia)
• sans-serif - ពុម្ពអក្សរ​គ្មាន​ខ្សែ​តូច (Arial, Helvetica, Khmer OS)
• monospace - ពុម្ពអក្សរ​ដែល​មាន​ទទឹង​ស្មើ​គ្នា (Courier, Fira Mono)
• cursive - ពុម្ពអក្សរ​ដូច​ជា​អក្សរ​សរសេរ​ដៃ (Brush Script)
• fantasy - ពុម្ពអក្សរ​ដែល​មាន​រចនាបទ​ពិសេស (Impact, Papyrus)

ការប្រើ​ពុម្ពអក្សរ​ច្រើន (Font Stack)

អ្នក​គួរ​តែ​កំណត់​ពុម្ពអក្សរ​ច្រើន​ជា​ជម្រើស​ដើម្បី​ធានា​ថា​គេហទំព័រ​របស់​អ្នក​បង្ហាញ​បាន​ត្រឹមត្រូវ​នៅ​លើ​ប្រព័ន្ធ​ផ្សេងៗ​គ្នា:

ឈ្មោះ​ពុម្ពអក្សរ​ដែល​មាន​ការ​ដកឃ្លា ត្រូវ​សរសេរ​នៅ​ក្នុង​អព្ភន្តរសញ្ញា។

ការប្រើ​ពុម្ពអក្សរ​ពី Google Fonts

អ្នក​អាច​នាំចូល​ពុម្ពអក្សរ​ពី Google Fonts ដើម្បី​បង្កើន​ជម្រើស​ពុម្ពអក្សរ:

Font Variant (វ៉ារ្យ៉ង់​ពុម្ពអក្សរ)

ដើម្បី​បង្កើត​អក្សរ​ធំ​តូច (small caps) គឺ​ប្រើ font-variant property:

Line Height (កម្ពស់​បន្ទាត់)

ដើម្បី​កំណត់​គម្លាត​រវាង​បន្ទាត់​អក្សរ គឺ​ប្រើ line-height property:

តម្លៃ​លំនាំដើម​ល្អ​បំផុត​សំរាប់​ការ​អាន គឺ​ប្រហែល 1.5 ដល់ 1.6។

ការ​កំណត់​ពុម្ពអក្សរ​តាម​វីធី​ខ្លី (Font Shorthand)

ដើម្បី​កំណត់ property ទាំង​ឡាយ​ដែល​ទាក់​ទង​នឹង​ពុម្ព​អក្សរ គឺ​ប្រើ font property។

រចនាសម្ព័ន្ធ (Syntax)

font: [font-style] [font-variant] [font-weight] [font-size]/[line-height] [font-family];

សំខាន់: នៅ​ក្នុង font shorthand property ត្រឹម​តែ font-size និង font-family ទេ​ដែល​ត្រូវ​តែ​មាន។

ឧទាហរណ៍​ជាក់ស្តែង (Practical Examples)

1. រចនាបទ​ចំណង​ជើង (Heading Styles)

2. ប័ណ្ណ​ផលិតផល (Product Card)

3. សម្រង់ (Quote Block)

4. កូដ​ដែល​អាច​អាន​បាន (Readable Code)

ការ​អនុវត្ត​ល្អ​បំផុត (Best Practices)