طراحی و بهینه سازیمشاهده

آخرین ارسال های تالار مشاهده انجمن

عنوانپاسخبازدیدتوسط
iconforumافزایش تعداد فالور اینستاگرام - بسیار بسیار ارزان00daymobile
iconforumافزونه کوتاه کننده لینک12192AHF-victory
iconforumلایسنس ویژوال کامپوسر649tiger2
iconforumراهنمای در مورد چند اسکریپت214tiger2
iconforumنرخ های جدید اینترنت همراه اول اعلام شد05AynaZ
iconforumخرید شریکی اسکریپت3199AynaZ
iconforumدرخواست هاست اسپانسری12220AynaZ
iconforumتغییر نکردن فونت سایت در وردپرس470AynaZ
iconforumطراحی492AynaZ
iconforumتغییر دامین در ورپرس9111AynaZ
iconforumدر پلاگین فرم تماس236AynaZ
درگاه پرداخت
درگاه پرداخت

آموزش اضافه کردن فونت فارسی به قالب

CSS / HTML , آموزش ها , مقالات,آموزش,ترفند , وردپرس
آموزش اضافه کردن فونت فارسی به قالبReviewed by Admin on Apr 23Rating:

در برخی از سایت ها دیده اید که در قسمت های مختلف از قالب از فونت فارسی استفاده شده است. ما به شما آموزش میدهیم که شما چطور این کار را در قالب های خود اجرا نمایید و قالب خود را زیبا تر سازید. امروز آموزش نوشتن css یا استایل برای به نمایش درآوردن این نوع فونت ها در سایت خود را آموزش میدهیم. هم اکنون با ما باشید!!!

آپلود فونت ها :

شما برای این کار شما ابتدا نیاز به آپلود فونت ها بر روی هست اخود دارید. فونت ها به ۴ فرمت svg ,ttf , woff , eot می باشد. فونت های ttf همان فونت های کامپیوتر خود می باشد. دو فونت دیگر هم فونت های اینترنتی هستند. بنابراین فونت ها را در یک پوشه دلخواه آپلود کنید.

  • نکته : هر فونت باید هر ۴ مدل آپلود شود. البته کار شما با ۳ تا فونت هم راه می افتد!! مثلا اگر svg را نزارید.

برای تبدیل فونت ها می توانید از سایت تبدیل آنلاین فونت استفاده کنید.

آموزش نوشتن کد استایل css برای فونت ها :

شما میتوانید از کد زیر به عنوان الگو استفاده کنید.

 

کد های فوق برای فونت یکان Yekan می باشد شما می توانید اسم هر فونت دیگری که دوست داشتید اضافه کنید. همچنین محل فونت ها برای این کد پوشه font میباشد شما آدرس کامل فونت خود را وارد کنید.

حتما بخوانید  گوشه های گرد در CSS3،بررسی Border-radius

نمایش فونت در سایت :

درون فایل استایل خود محلی که می خواهید فونت فوق نمایش داده شود شبیه این استایل را برایش کد بنویسید. قسمت font : Yekan خیلی مهمه نام فوق باید بصورت صحیح وارد بشود و مشکلی با بزرگی و کوچکی حروف نداریم.

 

به عنوان مثال کد زیر برای عنوان نوشته وردپرس می باشد.

 

 

دقت کنید :

  • بجای مقدار post همان مقدار کلاس مورد نظرتونو وارد کنید.
  • ۲۰px اندازه فونت می باشد که به هر چقدر دوست دارید می توانید تغییر دهید.
  • margin هم فاصله از طرفین هست و متناسب با قالب خود تغییر دهید.

مجموعه ۴۰ فونت فارسی برای اینترنت را می توانید از کادر زیر دانلود نمایید.


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود

خرید هاست حرفه ای سازگار با انواع اسکریپت همراه با نصب رایگان

مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1393/02/3 24 CSS / HTML , آموزش ها , مقالات,آموزش,ترفند , وردپرس

لینک کوتاه مطلب : http://www.20script.ir/?p=5457

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
1,586تصاویر سایت خود را با Web Image Masks قاب کنید تاریخ : 1393/08/12
6,595حل مشکل عدم نمایش فونت فارسی در وب تاریخ : 1393/06/10
1,557کتاب آموزشی HTML و XHTML به زبان فارسی تاریخ : 1393/07/25
2,024درست کردن غرفه عکس با PHP, jQuery و CSS3 تاریخ : 1392/08/4
3,115افزونه تغییر فونت پیشخوان مدیریت وردپرس parsi-font تاریخ : 1394/09/14
2,120آموزش گام به گام HTML5 تاریخ : 1395/08/7
4,244اسکریپت ایجاد افکت و انیمیشن در تصاویر سایت tFigure تاریخ : 1393/05/28
1,737گوشه های گرد در CSS3،بررسی Border-radius تاریخ : 1392/07/27
9,915کد ورود و عضویت کاربران در وردپرس تاریخ : 1393/11/19
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب