# Shan Font > ၾွၼ်ႉတႃႇဝႅပ်ႉလိၵ်ႈတႆး ## Posts - [ၸႂ်ႉၾွၼ်ႉ Shan ၼႂ်း WordPress](https://shanfont.com/use-wordpress/): လွၵ်းလၢႆးထီႉ 1 – ၸႂ်ႉ Shan Font Plugin (လၢႆးဝႆး) လွၵ်းလၢႆးထီႉ 2 – သ်ႂႇၾွၼ်ႉၼႂ်း Theme Customizer 1. Log in သေၵႂႃႇတီႈ WordPress Admin Dashboard 2. ၵႂႃႇတီႈ Appearance → Customize → Additional CSS. 3. သႂ်ႇ code ပႃႈတႂ်ႈၼႆႉ: 4. တဵၵ်း Publish တၢင်းၼႃတူဝ်လိၵ်ႈ Font Style CSS Settings Shan Thin font-weight: 100; Shan Thin Italic font-weight: 100; font-style: italic; Shan Regular font-weight: 400; Shan Regular Italic font-weight: 400; font-style: italic; Shan Bold font-weight: 700; Shan Bold Italic font-weight: 700; font-style: italic; Shan Black font-weight: 900; Shan Black Italic font-weight: 900; font-style: italic; မၢႆတွင်း - [ၸႂ်ႉၾွၼ်ႉ Shan ၼႂ်း Drupal](https://shanfont.com/use-drupal/): လွၵ်းလၢႆးထီႉ 1 – ၸႂ်ႉ Drupal Theme Libraries 1. ၵႂႃႇတီႈ Drupal theme folder 2. သၢင်ႈဢမ်ႇၼၼ်ၵႄႈ theme libraries file 3. ထႅမ် library မႂ်ႇတႃႇၾွၼ်ႉ Shan 4. ႁွင်ႉၸႂ်ႉ library ၼႂ်း your_theme.info.yml ၶွင် theme ပိူင်တႅၵ်ႈ 5. ၸႂ်ႉၾွၼ်ႉ Shan ၼႂ်း CSS ၶွင် theme ၵႂႃႇတီႈၾႆႇ CSS ၶွင် theme မိူၼ်ၼင်ႇ (global-styling.css ဢမ်ႇၼၼ် style.css)သေ သႂ်ႇထႅဝ်လိၵ်ႈ CSS ပႃႈတႂ်ႈၼႆႉ လွၵ်းလၢႆးထီႉ 2 – သႂ်ႇၾွၼ်ႉ Shan ၼႂ်း html.html.twig ၵမ်းသိုဝ်ႈ (လၢႆးဝႆး) 1. ၵႂႃႇတီႈ template folder ၼႂ်း theme 2. သၢင်ႈဢမ်ႇၼၼ်ၵႂႃႇတီႈၾႆႇ html.html.twing: 3. သႂ်ႇထႅဝ်လိၵ်ႈပႃႈတႂ်ႈၼႆႉၼႂ်းၵႄႈ <head> ပိူင်တႅၵ်ႈ 4. ၸႂ်ႉၾွၼ်ႉ Shan ၼႂ်း CSS ၶွင် theme ၵႂႃႇတီႈၾႆႇ CSS ၶွင် theme မိူၼ်ၼင်ႇ (global-styling.css ဢမ်ႇၼၼ် style.css)သေ သႂ်ႇထႅဝ်လိၵ်ႈ CSS ပႃႈတႂ်ႈၼႆႉ တၢင်းၼႃၾွၼ်ႉ Font Style CSS Settings Shan Thin font-weight: 100; Shan Thin Italic… - [ၸႂ်ႉၾွၼ်ႉ Shan ၼႂ်း HTML/CSS](https://shanfont.com/use-html-css/): Step 1: လူတ်ႇၾွၼ်ႉ Shan ၼႂ်းၾႆႇ HTML သႂ်ႇ <link> tag ပႃႈတႂ်ႈၼႆႉၼႂ်းၵႄႈ <head> ဢၼ်ယူႇၼႂ်းၾႆႇ HTML Step 2: ႁွင်ႉၸႂ်ႉၾွၼ်ႉၼႂ်း CSS ပိူင်တႅၵ်ႈ – တၢင်းၼႃၾွၼ်ႉ Font Style CSS Settings Shan Thin font-weight: 100; Shan Thin Italic font-weight: 100; font-style: italic; Shan Regular font-weight: 400; Shan Regular Italic font-weight: 400; font-style: italic; Shan Bold font-weight: 700; Shan Bold Italic font-weight: 700; font-style: italic; Shan Black font-weight: 900; Shan Black Italic font-weight: 900; font-style: italic; မၢႆတွင်း - [လၢႆးၸႂ်ႉၾွၼ်ႉ Shan ၼႂ်း Joomla](https://shanfont.com/use-joomla/): လွၵ်းလၢႆးထီႉ 1 – ၸႂ်ႉ Joomla API (addStyleSheet) ပိူင်တႅၵ်ႈ 2. ၸႂ်ႉၾွၼ်ႉၼႂ်းၾႆႇ CSS ၼႂ်းၾႆႇ (template.css ဢမ်ႇၼၼ် custom.css) ၼၼ်ႉ ႁႂ်ႈၸႂ်ႉ code ပႃႈတႂ်ႈၼႆႉ လွၵ်းလၢႆးထီႉ 2 – ၸႂ်ႉ Direct Link Method (လၢႆးဝႆး) ပိူင်တႅၵ်ႈ မၢႆတွင်း – ၼႂ်း url( ) ၼၼ်ႉႁဵတ်းႁႂ်ႈတီႈယူႇၾႆႇၶွင်ၾွၼ်ႉမၼ်းထုၵ်ႇမႅတ်ႈ 2. ၸႂ်ႉၾွၼ်ႉၼႂ်းၾႆႇ CSS ၼႂ်းၾႆႇ (template.css ဢမ်ႇၼၼ် custom.css) ၼၼ်ႉ ႁႂ်ႈၸႂ်ႉ code ပႃႈတႂ်ႈၼႆႉ ပိူင်တႅၵ်ႈၵၢၼ်ၸႂ်ႉၾွၼ်ႉ Shan ပုၼ်ႈတႃႇႁူဝ်ၶေႃႈ headings တၢင်းၼႃတူဝ်လိၵ်ႈ Font Style CSS Settings Shan Thin font-weight: 100; Shan Thin Italic font-weight: 100; font-style: italic; Shan Regular font-weight: 400; Shan Regular Italic font-weight: 400; font-style: italic; Shan Bold font-weight: 700; Shan Bold Italic font-weight: 700; font-style: italic; Shan Black font-weight: 900; Shan Black Italic font-weight: 900; font-style: italic; မၢႆတွင်း - [ၸႂ်ႉၾွၼ်ႉ Shan ၼႂ်း Hosting ၸဝ်ႈၵဝ်ႇ](https://shanfont.com/use-self-hosted/): Step 1: Download ၾႆႇ Shan Font Download လႆႈတီႈ official GitHub repository: Download Shan Font Releases ဝၢႆးသေ Download ယဝ်ႉႁႂ်ႈၵီႈ (extract) zip ၾႆႇသေတေလႆႈမႃး Step 2: Upload ၾႆႇၶိုၼ်ႈၼႂ်း hosting မိူၼ်ၼင်ႇ ပၼ်ႁႅင်းႁႂ်ႈသၢင်ႈ Folder မႂ်ႇၸိုဝ်ႈ ‘fonts’သေဢဝ်ၾွၼ်ႉတၢင်းမူတ်းၵႂႃႇသႂ်ႇၼႂ်းမၼ်း ဝၢႆးသေ upload ယဝ်ႉထတ်းတူၺ်းဝႃႈၸွင်ႇႁၼ်ၾွၼ်ႉ မိူၼ်ၼင်ႇ Step 3: ၸႂ်ႉၾွၼ်ႉၼႂ်းၾႆႇ CSS မၢႆတွင်း – ၼႂ်း url( ) ၼၼ်ႉႁဵတ်းႁႂ်ႈတီႈယူႇၾႆႇၶွင်ၾွၼ်ႉမၼ်းထုၵ်ႇမႅတ်ႈ Step 4: ၸႂ်ႉၾွၼ်ႉၼႂ်းၾႆႇ CSS Step 4: ၸႂ်ႉၾွၼ်ႉၼႂ်းၾႆႇ CSS Font Style CSS Settings Shan Thin font-weight: 100; Shan Thin Italic font-weight: 100; font-style: italic; Shan Regular font-weight: 400; Shan Regular Italic font-weight: 400; font-style: italic; Shan Bold font-weight: 700; Shan Bold Italic font-weight: 700; font-style: italic; Shan Black font-weight: 900; Shan Black Italic font-weight: 900; font-style: italic;… ## Pages - [License](https://shanfont.com/license/): Shan Font License Copyright (C) 2025 Shan FontThis program is free software: you can redistribute it and/or modifyit under the terms of the GNU General Public License as published bythe Free Software Foundation, either version 2 of the License, or(at your option) any later version. This program is distributed in the hope that it will be useful,but WITHOUT ANY WARRANTY; without even the implied warranty ofMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See theGNU General Public License for more details. You should have received a copy of the GNU General Public Licensealong with this program. If not, see https://www.gnu.org/licenses/. - [Categories](https://shanfont.com/categories/): Categories Technology Travel Sport Business Management Trends Startups News - [လွင်ႈပဵၼ်မႃး Shan Font](https://shanfont.com/about/): Shan Font ပဵၼ် project ဢၼ်ၽူႈလူင်ႉလႅၼ်ႇ (experts) ၊ ၽူႈၶူင်သၢင်ႈ (developers) လႄႈ webmaster မႃးႁူမ်ႈၵၼ်သေသၢင်ႈပဵၼ်မႃး။ Project ၼႆႉယိူင်းဢၢၼ်းပုတ်ႈတႃႇႁႂ်ႈမီးတူဝ်လိၵ်ႈတႆးဢၼ်ႁၢင်ႈလီ၊ ၵမ်ႉထႅမ် web browsers ၵူႈတီႈ၊ ၸႂ်ႉငၢႆႈ၊ လႄႈ ထုၵ်ႇမႅၼ်ႈၸွမ်းပိူင်ၾွၼ်ႉဝႅပ်ႉၼႆၶႃႈ။ ၾွၼ်ႉတႃႉဝႅပ်ႉ ၵမ်ႉထႅမ် တူဝ်လိၵ်ႈဝၢင်၊ တူဝ်လိၵ်ႈၼႃ၊ လႄႈ တူဝ်လိၵ်ႈၵိူင်း ၵမ်ႉထႅမ် CMS ၸႂ်ႉလႆႈၼိူဝ် CMS ၸိုဝ်ႈသဵင်လင်မိူၼ်ၼင်ႇ Open Source Source code လႄႈၾႆႇပိုတ်ႇပုၼ်ႈတႃႇ ၽူႈၶူင်သၢင်ႈၵူႈၵေႃႉ - [Contacts](https://shanfont.com/contacts/): Need Help with Shan Font? If you’re experiencing issues using the Shan Font plugin on your website, or if you need assistance with installation or setup, we’re here to help. Feel free to contact us anytime with your questions or support requests. Ready to Get Started? [comment]: # (Generated by Hostinger Tools Plugin)