شرح كيفية تغيير خط المدونة على بلوجر إلى خط احترافي

مرحباً بكم متابعي مدونة رحـــال التقنية 

موضوع اليوم شرح تغيير خط المدونة بالكامل إلى خطوط إحترافية وأكثر جمالاً 

فإن كنت تريد تغيير خط مدونتك وكيفية تركيب وتنسيق خط المدونة بالكامل فأنت في المكان الصحيح 

ولكن لابد أن ﻧﻌﻠﻢ أن ﻛﻞ ﺧﻂ ﻳﺘﻜﻮﻥ ﻣﻦ ﺟﺰﺋﻴﻦ ﺃﺳﺎﺳﻴﻴﻦ ﺍﻟﺠﺰﺀ ﺍﻷﻭﻝ ﻫﻮ ﻣﻠﻒ ﺍﻟﺨﻂ ﻭﻫﻮ ﻋﺒﺎﺭﺓ ﻋﻦ ﻛﻮﺩ ﺑﻪ ﺭﺍﺑﻂ ﻳﺤﻮﻱ ﻣﻠﻔﺎﺕ ﺍﻟﺨﻂ ﻭﻫﺬﺍ ﺳﺘﺘﻢ ﺇﺿﺎﻓﺘﻪ ﺗﺤﺖ ﺍﻟﻮﺳﻢ

ﺍﻟﺠﺰﺀ ﺍﻟﺜﺎﻧﻲ ﻭﻫﻮ ﺍﻟﻮﺳﻢ ﺍﻟﺨﺎﺹ ﺑﺘﻔﻌﻴﻞ ﺍﻟﺨﻂ ﻭﻫﺬﺍ ﻣﺎ ﺳﻨﺴﺘﺨﺪﻣﻪ ﻓﻲ ﺍﻟﻘﺎﻟﺐ ﻟﻴﻈﻬﺮ ﺍﻟﺨﻂ ﻭﺳﻨﺘﻌﺮﻑ أﻛﺜﺮ ﻓﻲ ﺍﻟﻤﻮﺿﻮﻉ ﺣﻮﻝ ﻃﺮﻳﻘﺔ ﺍﻹﺳﺘﺨﺪﺍﻡ

ﺃﻭﻝ ﺷﺊ ﺗﻔﻌﻠﻪ ﻫﻮ ﺇﺧﺘﻴﺎﺭ ﻛﻮﺩ ﺍﻟﺨﻂ ﺍﻟﺬﻱ ﻳﻌﺠﺒﻚ ﻭﺭﻛﺒﻪ ﺗﺤﺖ ﺍﻟﻮﺳﻢ

قبل الشروع في تركيب الخط لابد من أخذ نسخة إحتياطية من القالب لتجنب أي خطأ أثناء تركيب الخط

Droid Arabic Kufi 

ﻭﺳﻢ ﺍﻟﺨﻂ font-family: 'Droid Arabic Kufi ;'

Amiri

ﻭﺳﻢ ﺍﻟﺨﻂ font-family: 'Amiri ;'

Droid Arabic Naskh

ﻭﺳﻢ ﺍﻟﺨﻂ font-family: 'Droid Arabic Naskh ;'

Lateef

ﻭﺳﻢ ﺍﻟﺨﻂ font-family: 'Lateef ;'

Scheherazade

ﻭﺳﻢ ﺍﻟﺨﻂ font-family: 'Scheherazade ;'

Thabit

ﻭﺳﻢ ﺍﻟﺨﻂ font-family: 'Thabit ;'

ﺑﻌﺪ تركيب ﻛﻮﺩ ﺍﻟﺨﻂ ﺍﻟﺬﻱ اخترته ﺳﻨﺘﻌﺮﻑ ﻋﻠﻰ ﻃﺮﻳﻘﺔ ﺇﺳﺘﺨﺪﺍﻣﻪ ﻭﺃﻳﻦ ﻧﻀﻊ ﻭﺳﻢ ﺍﻟﺨﻂ
ﻟﺘﻄﺒﻴﻖ ﺍﻟﺨﻂ ﻋﻠﻰ ﺍﻟﻤﺪﻭﻧﺔ ﻛﻠﻬﺎ ﺳﻨﺒﺤﺚ ﻋﻦ ﻫﺬﺍ ﺍﻟﻜﻮﺩ body ﺳﻨﺠﺪ ﺑﻌﺪﻩ ﻣﺒﺎﺷﺮﺓ ﻫﺬﺍ ﺍﻟﻘﻮﺱ } ﺑﻌﺪ ﻫﺬﺍ ﺍﻟﻘﻮﺱ أﻭ ﺗﺤﺘﻪ ﺳﻨﻀﻴﻒ ﻭﺳﻢ ﺍﻟﺨﻂ ﺇﻥ ﻭﺟﺪﺕ ﺗﺤﺖ body ﺍﻯ ﻭﺳﻢ ﻟﺨﻂ ﺁﺧﺮ ﻭﺳﺘﺠﺪﻩ ﻳﺤﻤﻞ ﻫﺬﻩ ﺍﻟﻜﻠﻤﺔ font-family ﻗﻢ ﺑﺤﺬﻓﻪ

ﻗﺪ ﺗﺠﺪ ﺃﻥ ﺍﻟﺨﻂ ﻳﻌﻤﻞ ﻣﻊ ﺑﻌﺾ ﺍﻻﺟﺰﺍﺀ ﻓﻲ ﺍﻟﻘﺎﻟﺐ ﻭﻣﻊ ﺑﻌﺾ ﺍﻷﺟﺰﺍﺀ ﺍﻷﺧﺮﻯ ﻻ ﻳﻌﻤﻞ
ﻭﺍﻟﺴﺒﺐ ﻳﺮﺟﻊ إلى ﺃﻥ ﺍلأﺟﺰﺍﺀ ﺍﻷﺧﺮﻯ ﺗﻢ ﺗﺨﺼﻴﺺ ﺧﻂ ﺁﺧﺮ ﻟﻬﺎ وإن أردت تمكين الخط في كامل المدونة ﻳﺠﺐ أﻥ ﺗﺒﺤﺚ ﻋﻦ ﻛﻞ ﻛﻠﻤﺔ font-family ﻭﺗﺴﺘﺒﺪﻟﻬﺎ ﺑﻮﺳﻢ ﺍﻟﺨﻂ ﻭﻗﺪ ﺗﻜﻮﻥ ﺑﻌﺪﺓ ﺻﻴﻎ ﻓﻴﺠﺐ أن ﺗﺤﺪﺩ ﺍﻟﺠﺰﺀ ﻣﻀﺒﻮﻁ

ﻣﺜﺎﻝ font-family: Helvetica, sans-serif ; ﻳﺠﺐ ﺍﻥ ﺗﺤﺪﺩ ﻣﻦ ﺑﺪﺍﻳﺔ ﺍﻟﻜﻮﺩ ﺣﺘﻰ ﻧﻬﺎﻳﺘﻪ ﻭﻫﻮ ﻳﻨﺘﻬﻲ ﺑﻬﺬﺍ ﺍﻟﺮﻣﺰ ;

أكواد لتنسيق الخط 

1. ﺣﺠﻢ ﺍﻟﺨﻂ font-size:10px ; ﻗﻢ ﺑﺰﻳﺎﺩﺓ ﺍﻟﺮﻗﻢ ﻟﺰﻳﺎﺩﺓ ﺍﻟﺤﺠﻢ
2. ﺟﻌﻞ ﺍﻟﺨﻂ ﺳﻤﻴﻚ font-weight:bold ;
3. ﻟﻮﻥ ﺍﻟﺨﻂ color:#000000 ; ﻏﻴﺮ ﺍﻟﻠﻮﻥ ﺑﻤﺎ ﺗﺤﺐ

وفي النهاية ﻫﺬﺍ ﻣﺜﺎﻝ ﻟﻜﻮﺩ body ﺑﺎﻟﻜﺎﻣﻞ ﺃُضيف ﻓﻴﻪ ﺍﻟﺨﻂ ﺍﻷﻭﻝ ﻭﻋﺪﻟﻨﺎ ﺍﻟﺴﻤﻚ ﻭﺍﻟﺤﺠﻢ

body {
background: #000;
font-family: 'Droid Arabic Kufi';
color: #000;
font-size:18px;
font-weight:bold;
margin: 0;
text-align: center;
}

وفي نهاية الموضوع نرجوا أن نكون قد استفدنا جميعاً
وفقكم الله