សួស្ដី! អ្នកទាំងអស់គ្នាដែលតែងចូលចិត្តមកទស្សនាប្លក់របស់ខ្ញុំបាទ ហើយខ្ញុំមកថ្ងៃនេះគឺមកដូចសព្វដងអញ្ចឹងដែរ គឺខ្ញុំមានគន្លឹះសំខាន់មួយសម្រាប់បង្ហាញជូនដល់អ្នកទាំងអស់គ្នាពីរបៀបដាក់ពុម្ពអក្សរខ្មែរស្អាតៗនៅលើប្លក់។ ជាការពិតណាស់ពុម្ពអក្សរវាមានសារៈសំខាន់សម្រាប់ជំនួយប្លក់របស់អ្នកឲ្យបង្ហាញអក្សរបានស្អាតនៅលើគ្រប់ឧបករណ៍រុករក Browser ទាំងកុំព្យូទ័រនិងទូរសព្ទដៃ មិនត្រឹមតែប៉ុណ្ណោះវាជួយទាក់ទាញភ្នែកអ្នកដែលបានចូលទស្សនាប្លក់របស់អ្នកផងដែរ។
១-សូមចូលទៅកាន់ https://fonts.google.com/?subset=khmer រួចជ្រើសរើសពុម្ពអក្សរខ្មែរណាមួយដែលអ្នកពេញចិត្ត
២-ជ្រើសរើស Style នៃពុម្ពអក្សរ រួចចុចទៅលើ Embed Tab
៣-ចូលទៅកាន់ Theme បន្ទាប់មក Edit HTML
៤-ចម្លងតំណនៃ Link tag យកទៅដាក់ពីខាងក្រោម <head> tag
<link href="https://fonts.googleapis.com/css2?family=Hanuman:wght@400;700&display=swap" rel="stylesheet">* សម្គាល់៖ កូដខាងលើអ្នកមិនទាន់អាច Save បានទេអ្នកត្រូវប្ដូរសញ្ញា & ទៅជា & និងបន្ថែមសញ្ញា / នៅចុងបញ្ចប់នៃកូដ (សូមមើលកូដខាងក្រោម)
<link href="https://fonts.googleapis.com/css2?family=Hanuman:wght@400;700&display=swap" rel="stylesheet"/>* របៀបខាងលើនៅមិនទាន់អាចធ្វើឲ្យប្លក់របស់អ្នកទទួលបានពុម្ពអក្សរដែលអ្នកចង់ដាក់នៅឡើយទេ អ្នកត្រូវ Set Font Family ជាមុនសិន។
ក-ដាក់ Font Family ទៅលើ body៖
* នៅក្នុង Edit HTML ស្វែងរកពាក្យ body រួចបន្ថែមឈ្មោះពុម្ពអក្សរដែលអ្នកបាន Embed។ (សូមមើលឧទាហរណ៍ខាងក្រោម)
body{font-family:'Hanuman', serif;}ខ-ដាក់ Font Family ទៅលើធាតុជាក់លាក់ណាមួយ៖* នៅលើប្លក់របស់អ្នកស្វែងរកធាតុណាមួយដែលអ្នកចង់ដាក់ពុម្ពអក្សរ រួចចុចកណ្ដុរខាងស្ដាំ បន្ទាប់មកយកពាក្យ Inspect Element បន្ទាប់មកទៀត ស្វែងរក .class ឬ #id នៃធាតុនោះនៅក្នុង Template រួចហើយបន្ថែមឈ្មោះនៃ Font Family។ (សូមមើលឧទាហរណ៍ខាងក្រោម)
.post-title{font-family:'Hanuman', serif;}៥-ចុចពាក្យ Save Theme ជាការស្រេច។សូមអរគុណ! ជួបគ្នាពេលក្រោយទៀត៕
បងមាន font ស្អាតៗសំរាប់ កុំព្យូទ័រទេបង ? ប្អូនដើររក download តែអត់ស្អាតៗសោះ មិនដឹងរកម៉ិចបានស្អាតៗទេ សូមបងជួយប្រាប់ផង
ReplyDeleteខ្ញុំអត់ដឹងដែរបងសាក Search Khmer Font នៅលើ Google។
Deleteតើប្រូមានដឹងមូលហេតុអ្្វីទេ? បានជា FontAwesome Animation ក្នុង CSS លែងដំណើរការ (លើកលែងតែ Animation: flash 2s infinitive;)។
ReplyDeleteខ្ញុំសាកល្បងគឺដំណើរការធម្មតា https://l-lin.github.io/font-awesome-animation/
Deleteអរគុណ តែ Blog ខ្ញុំដាក់ទៅគឺមិនដំណើរការទេ។ គឺនៅលើ សាកតេស្តហើយ
Deleteខ្ញុំរកឃើញមូលហេតុហើយ គឺ Browser Firefox របស់ខ្ញុំគឺអត់ដើរ អត់ដឹងវាគាំងអី? តែប្រើ Chrome គឺដើរធម្មតា។
Deleteនៅក្នុង CSS :before or :after ដាក់ Style វាជា display:inline-block នោះវាដំណើរការ
DeleteHello Admin I wanna request a tutorial about Download counter.
ReplyDeleteCounter download when we click button.
I don't have but you can try with this article https://www.naminakiky.com/2018/11/memasang-tombol-download-box-dengan-counter.html
Deleteadmin បើយើងចង់ embed វាជា @fontface វិញធ្វើមិចទៅ? ហើយយើងទៅយកវាពីណាវិញ?
ReplyDelete/* Google Font - Nokora
----------------------------------------------- */
@font-face{font-family:'Nokora';font-style:normal;font-weight:700;font-display:swap;src:local('Nokora Bold'),local('Nokora-Bold'),url(https://fonts.gstatic.com/s/nokora/v13/hYkLPuwgTubzaWxohxUbptd9yB8.woff2) format('woff2');unicode-range:U+1780-17FF,U+200C,U+25CC}
ចុចទៅលើ Link Highlight ហ្នឹងទៅឃើញ @font-face ហើយបង
Deletehttps://i.imgur.com/CqtyA3w.png
អរគុណច្រើន Admin, ចុះ Admin មានដឹងពីរបៀប Host ឬ Upload ពុម្ពអក្សរចូល Web ទេ?
Deleteខ្ញុំអត់ចេះទេបង
Delete