رفتن به مطلب

راست به چپ و افزودن فونت فارسی سریع به صفحه


Mohsen_Nirouzad

پست های پیشنهاد شده

سلام دوستان،

امروز داشتم برای وبسایت خودم چند خط کد css مینوشتم، از اونجا که اسکریپتم رو تازه فارسی سازی کردم و میخواستم با فارسی مچ شه، با استفاده از چند خط کد راست بهد چپ کردمش و فونت B Koodak رو بهش افزودم، تصمیم گرفتم این کد رو برای شما هم بزارم:

نسخه عادی:

 

@font-face {   font-family: 'B Koodak';   src: url( لینک ها تنها برای اعضای سایت قابل نمایش است.  );   src: url( لینک ها تنها برای اعضای سایت قابل نمایش است.  ) format('opentype');   src: local('☺'), local('B Koodak'), url( لینک ها تنها برای اعضای سایت قابل نمایش است.  ) format('woff'), url( لینک ها تنها برای اعضای سایت قابل نمایش است.  ) format('truetype'), url( لینک ها تنها برای اعضای سایت قابل نمایش است.  ) format('svg');   font-weight: 400;   font-style: normal}html body * {   font-family: 'B Koodak', Verdana!important;   direction: rtl}

 

نسخه مینیفای ( بهینه ) شده برای سرعت بیشتر در لود:

 

@font-face{font-family:'B Koodak';src:url( لینک ها تنها برای اعضای سایت قابل نمایش است.  );src:url( لینک ها تنها برای اعضای سایت قابل نمایش است.  ) format('opentype');src:local('☺'),local('B Koodak'),url( لینک ها تنها برای اعضای سایت قابل نمایش است.  ) format('woff'),url( لینک ها تنها برای اعضای سایت قابل نمایش است.  ) format('truetype'),url( لینک ها تنها برای اعضای سایت قابل نمایش است.  ) format('svg');font-weight:400;font-style:normal}html body *{font-family:'B Koodak',Verdana!important;direction:rtl}

 

 

خوب شما با افزودن این کد به فایل css تون، صفحه تون رو راست به چپ کرده و به صورت آنلاین فونت بی کدوک رو بهش اضافه و پیش فرض میکنید.

نکته: اگر از Font-Awesome استفاده میکنید، حتما به جای کد دهی آیکون ها در span، از I استفاده کنید تا این کد خرابش نکنه.

بارگیری آنلاین در HTML:

 

<link rel="stylesheet" type="text/css" href="https://go.20script.ir/index.php?url= لینک ها تنها برای اعضای سایت قابل نمایش است.  ">

 

»وفق باشید.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...