• میلاد صفارزاده
    طراح رابط کاربری در شرکت گرین وب
    @miladsafarzadeh
  • علی سادات طلب
    مدیر طراحی و و تجربه کاربری در شرکت آدران
    @xbox3000
  • علی احسانفر
    توسعه دهنده و طراح رابط کاربری در pichak.co
    www.ehsanfar.com
  • آرش اصغری
    طراح رابط کاربری در @Fardadco
    @_arashasghari
  • عطا خلیقی
    از موسسین پرشین بلاگ و مدیرعامل پویاسافت
    @atakhalighi
  • علیرضا افکار
    توسعه دهنده اندروید در "شاتل"
    alirezaafkar.com
  • نیما شایافر
    توسعه دهنده و خالق کی‌کجاست
    @nimolix
  • مصطفی پورعلی
    بنیانگذار آرنیکاوب و وردپرس با طعم فارسی
    mpourali.com
  • فرنود فرودی
    طراح رابط کاربری در شرکت فناوری همراه سیب
    @farnood
  • فونت ایران‌سنس رو امروز واسه شرکت خریدیم که توی پروژه‌های آینده استفاده کنیم. مرسی از ‌‌‌@MoslemEbrahimi. فونت‌ها عالی‌‌اند.

  • ما فونت ایران سن سریف شما رو روی گوشی های مختلف با کیفیت های صفحه نمایش high resolution و low resolution تست کردیم و نتیجه بسیار خوب و مطلوبی دریافت کردیم. امیدوارم این جریان ادامه داشته باشه و در آینده شاهد فونت های فارسی متنوع و مناسبی ازین دست برای وب و دیوایس های دیجیتال باشیم.

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

  • وجود فونت فارسی حالم رو بد می‌کنه. امیدوارم فونت‌های بهتری بیاد در آینده. تنها فونت خوبی که هست فونت ایران‌سنس هست که خیلی روش زحمت کشیدن.

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

  • زیبایی فونت ایران سنس عادی نمیشه برام! متن ها با این فونت خوندنی تر میشن 🙂 … مرسی مسلم ابراهیمی

  • فونت‌های جدید fontiran.com واقعا حس و حال خوبی به محتوای فارسی تو وب داده و خوندن متون رو لذت بخش کرده. دست باعث و بانیش درد نکنه.

  • فونت ایران سنس یکی از فونت هایی است که بعنوان انتخاب اول من در پروژه های طراحی رابط کاربری مورد استفاده قرار میگیره. به خاطر اینکه هم زیبایی لازم رو داره هم فاصله بین حروف استاندارد است.

  • سری فونت‌های ایران سن‌سریف یه بازه بزرگی از امکانات رو توی طراحی به آدم میدن. بخاطر وزن‌های مختلفش.

نصب فونت ایران سنس iransans روی وبسایت

در این مطلب آموزشی، برای استفاده از وب فونت‌های  ایران سن سریف یکی از دو روش زیر پیشنهاد می شود:

روش اول: استفاده از فایل آماده fontiran.css

در ابتدا فولدر webfonts (موجود در بسته دانلودی) را در مقصد کپی کنید.

(برای سهولت کار پیشنهاد می کنیم این فولدرها را در سطح ریشه (root) و در کنار فایل اصلی وب سایت که معمولا index نامگذاری می شود قرار دهید.)

فایل  fontiran.css حاوی دستورات و تنظیمات برای لود شدن تمامی وزن های ایران سنس سریف است.
محتویات این فایل fontiran.css (موجود در فولدر css) مشابه دستورات زیر است:

/* این فایل وظیفه تعریف و بارگذاری فونت های «فونت ایران» را برعهده دارد */
/* پیشنهاد می شود از روش قبل استفاده کنید */

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/IRANSans-Bold-web.eot');
	src: url('../fonts/IRANSans-Bold-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/IRANSans-Bold-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
		 url('../fonts/IRANSans-Bold-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/IRANSans-Bold-web.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/IRANSans-Medium-web.eot');
	src: url('../fonts/IRANSans-Medium-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/IRANSans-Medium-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
		 url('../fonts/IRANSans-Medium-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/IRANSans-Medium-web.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/IRANSans-Light-web.eot');
	src: url('../fonts/IRANSans-Light-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/IRANSans-Light-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
		 url('../fonts/IRANSans-Light-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/IRANSans-Light-web.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/IRANSans-UltraLight-web.eot');
	src: url('../fonts/IRANSans-UltraLight-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/IRANSans-UltraLight-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
		 url('../fonts/IRANSans-UltraLight-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/IRANSans-UltraLight-web.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/IRANSans-web.eot');
	src: url('../fonts/IRANSans-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/IRANSans-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
		 url('../fonts/IRANSans-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/IRANSans-web.ttf') format('truetype');
}

سپس کافی است به کمک دستور import، فایل fontiran.css را به فایل اصلی css وب سایت خود معرفی کنید.
دستورهای زیر کدهای آغازین فایل style.css را نشان می‌دهد. خط سوم این فایل وظیفه اجرای دستورات داخل فایل fontiran.css را برعهده دارد.

/* فایل اصلی «سی اس اس» که در وب سایت خود استفاده می کنید */

@import url(fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */

body {
	font-family: IRANSans;
	font-weight: 300;
}

/* سایر دستورات وب سایت */
/* ... */

لازم به ذکر است که کدهای فایل fontiran.css نیاز به تغییر ندارد و در تمام وب سایت ها مشترک است. تنها کاری که این فایل انجام می دهد این است که وزن های مختلف فونت ایران سن سریف را روی سیستم کاربر لود می کند.

 

 

روش دوم: قراردادن دستورات و تنظیمات فونت در فایل اصلی css وب سایت

این روش شباهت بسیار زیادی با روش اول دارد. تنها تفاوت در این است که باید دستورات داخل فایل fontiran.css را کپی کرده و در ابتدای فایل اصلی css وب سایت خود قرار دهید. بنابراین دیگر نیازی به استفاده از این فایل نخواهد بود.

استفاده از فایل جداگانه (روش اول) یا قراردادن کدها در یک فایل (روش دوم)

با اینکه نتیجه نهایی یکسان خواهد بود، اما مباحث زیادی درباره مقایسه این دو روش وجود دارد. قبل از اینکه پیشنهاد خود را درباره این موضوع ارائه کنیم، مرور نکات زیر خالی از لطف نیست:

  • در زمان تولید و توسعه وب سایت، جدا بودن فایل ها بسیار مفید تر و کاربردی تر است
  • درصورتیکه اجزای کدهای شخص ثالث (کدهایی که از توسعه دهندگان دیگر در سایت خود استفاده می کنید) را تفکیک شده استفاده کنید، امکان مدیریت و آپدیت آن ها راحت تر است
  • در زمان اجرا و محصول نهایی، بهتر است تمام فایل ها ترکیب شده و تبدیل به یک فایل (ترجیحا فشرده) شوند. این کار باعث ارسال درخواست های کمتر به سرور شده و دستورات و توالی بارگذاری آن ها سریع تر خواهد شد.

پیشنهاد ما: در زمان تولید و توسعه وب سایت، از روش اول (استفاده از فایل fontiran.css و تفکیک فایل ها) استفاده کنید. اما پس از اتمام و در زمان اجرای وب سایت، به صورت دستی یا به کمک ابزارهای فشرده سازی، تمام فایل های css خود را به یک فایل فشرده تبدیل کنید.

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

  • به آدرسی دهی فایل ها دقت کنید. در صورتیکه آدرس های داخل پرانتز مقابل عبارت url به درستی وارد نشود، طبیعتا نتیجه ایده آل را نخواهید داشت
  • ترجیحا حروف بزرگ و کوچک نام فایل ها را در زمان استفاده از آن ها رعایت کنید (case-sensitive)
  • آدرس داخل پرانتز url و نام فونت نیاز به کوتیشن «”» ندارد. اما اگر داخل آدرس یا نام از فاصله (space) استفاده کرده باشید حتما باید از کوتیشن مارک استفاده کنید.
  • اگر از فونت های غیر استاندارد (Farsi_numerals_Non Standard) استفاده می کنید، نام فایل ها را تغییر ندهید. بنابراین بازدیدکننده ها با مشاهده سورس دستورات وب سایت شما، آن ها را با فونت های استاندارد اشتباه نمی گیرند.
توسط: مدیریت
تاریخ : ۲۷ مهر ۱۳۹۵
نظرات : ۱۶ نظر

16 Responses to “نصب فونت ایران سنس iransans روی وبسایت”

  1. مهدی گفت:

    سلام. نحوه آموزش برای درج فونت در سایت بسیار گنگ و گیج کننده بوده .بنده چند روز هست فونت ایران سنس رو خریداری کردم ولی نتونستم اون فونتها رو درسایت خودم پیاده کنم. واقعا متاسفم. اصلا خودتون متوجه شدید چی نوشتید؟

    • مدیریت گفت:

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

    • مهدی گفت:

      سلام مجدد. بنده هم از طریق عادی ( بصورت فیلمی که برای درج فونت در وردپرس بود ) و هم از طریق افزونه اقدام کردم ولی نتونستم اون فونتها رو اعمال کنم. ( از قالب انفولد استفاده میکنم. )
      اولا اینکه برای فونت ایران سنس با یک بار آدرس دهی کل چند نوع فونتی که هست در افزونه اضافه میشه یا باید برای هر کدوم یکبار آدرس دهی کنیم؟
      مثلا در حالت استفاده از افزونه مشخص نکردید کدوم نوع فونتها ( woff -eot ,… ) باید آدرس دهی بشه ؟ برای وردپرس کدوم بهتره؟
      اگر چند بار باید آدرس دهی کنیم نام فونت های بعدی ایران سنس رو چی بگذاریم تا مشکلی برای افزونه پیش نیاد ؟
      در توضیحات گفتید ” در فیلد نام فونت، باید نام فونتی که در فایل استایل قالب تعریف کردید را قرار بدهید ” باید این موضوع رو بصورت دستی انجام دهیم ؟
      وقتی متن پیش فرض فونت برای من بنمایش درمیاد مثل تصویر توضیحات شما نیست و شبیه به فونت Arial و یا تاهوما هست.

      • مدیریت گفت:

        ۱- اگر می خواهید از وزن‌های مختلف فونت استفاده کنید روش افزونه چندان مناسب نیست.
        ۲- شما نباید فایل فونت را آدرس دهی کنید. لازم است فایل ‌fontiran.css را آدرس دهی کنید. بهترین فرمت خودبخود لود خواهد شد.
        ۳- برای ایران سنس کافیست در فیلد نام فونت بنویسید: IRANSans
        ۴- اگر متن پیش فرض با فونت ایران سنس نمایش داده نمی‌ شود به معنی این است که فونت را اشتباه نصب کرده اید.

  2. علی ج گفت:

    سلام اگر در مدت های قبل از این فونت خوب استفاده کرده باشیم به صورت رایگان (البته نمیداستیم) حال باید چطور هزینه قبلی ها رو پرداخت کنیم؟
    آیا هر فونت خریدن برای یک دامنه شرعا جایز است؟؟ یا اگر فونت را هزینه اش را بپردازیم برای هر تعداد دامنه میتوانیم استفاده کنیم

  3. محمد گفت:

    با سلام
    من این فونت رو خریدم و کلی سایتم رو زیبا کرد. ممنون فونت ایران.
    در صورتی که برخی دوستان در روش نصب این فونت ابهام دارند میتونند از این آدرس ویدئوی آموزشی رو تماشا کنند. به قشنگی امده آموزش داده
    https://as4.asset.aparat.com/aparat-video/a_99d14ngqrimjrqqm81o4n31r41mm4qmr1n60p1556272-508b__c8936.mp4

  4. دوستانی که موفق به نصب و استفاده از فونت تو سایتشون نشدن بنده با دریافت 5 هزار تومن واسشون انجام میدم
    میتونید تماس بگیرید 09126985972 علی پور

  5. مگاتم گفت:

    سلام
    من هم فونت و هم لایسنس قالب های فروشی برای محصولات مگاتم را خریداری کردم حالا لایسنس رو به چه شکل باید در قالب نشون بدم ؟

    • مدیریت گفت:

      در بسته دانلودی فایلی به نام license.pdf وجود دارد. در انتهای این راهنما توضیح داده شده است.
      ضمنا در صفحه فروش حتما توضیح دهید که اجازه‌نامه فونت را دارید و مشتریان نیازی به خرید فونت و لایسنس ندارند.
      برای اثبات به صفحه اجازه‌نامه خود لینک دهید: http://fontiran.com/license/?license=AEWED
      همچنین در بسته دانلودی موضوع را برای مشتریتان تفهیم کنید که کد لایسنس را از قالب حذف نکنند.

  6. فرخ گفت:

    آیا باید تم کودک child theme فعال باشد؟

    ظاهرا اگر از تم اصلی استفاده شود، بعد از آپدیت کردن تم فونت آپلود شده پاک خواهد شد و میبایست مجددا نصب شود.

    آیا درست است؟

    اگر جواب مثبت است پیشنهاد شما چیست؟ (غیر از تم کودک)

    تشکر

  7. علوی نسب گفت:

    سلام
    خسته نباشید
    لطفا نحوه نصب ایران سنس را در مدیا ویکی هم توضیح دهید
    با تشکر

  8. نوبت دهی گفت:

    یه مورد فقط اینکه
    محل تقاطع حروف در زمانی که رنگ متن رو کم رنگ میکنی خیلی تو ذوق میزنه این مورد رو ممنون میشم حل کنید.

دیدگاهتان را بنویسید


مسلم ابراهیمی مدیر فونت ایران و طراح فونت فارسی پاسخگوی شماست.
پشتیبانی:
whatsapp: ۰۹۳۳ ۷۳۳ ۳۹۹۸
Twitter: @MoslemEbrahimi
Yahoo!: moslmo
Facebook: moslem.ebrahimi

برای ورود به پنل کاربری و دانلود آخرین نسخه، شناسه خرید خود را وارد کنید:


شناسه خرید را فراموش کرده‌ام.

برای آگاهی از اعتبار اجازه‌نامه کد لایسنس را وارد کنید:

در خبرنامه عضو شوید تا شما را از انتشار فونت های جدید و به‌روز رسانی فونت‌های کنونی مطلع کنیم.
logo-samandehi
آخرین نظرات
  • GraphicMaster
    با سپاس از استاد قاسم نجاری بابت طراحی این فونت بسیار بسیار زیبا و پر طرفدار 🌹🌹✔ بسیار خوش حالم که استقبال خوبی از این فونت شده ،... ادامه با سپاس از استاد قاسم نجاری بابت طراحی این فونت بسیار بسیار زیبا و پر طرفدار 🌹🌹✔ بسیار خوش حالم که استقبال خوبی از این فونت شده ، حاج قاسم هم تو گروه گرافیکی تلگرام ما هستن و در روز های اخیر کار های عزیزان با این فونت زیبا رو بسیار دیدیم و لذت بردیم . با تشکر فراوان از سایت فونت ایران و استاد مسلم ابراهیمی | و به امید موفقیت های بیش تر برای فونت و قلم فارسی
  • سید
    سلام علیکم. فونت بسیار زیبایی است. نکته‌ای که به نظر بنده رسید اینکه در حرف هـ و ـگ به نظر می‌رسید فونت از حالت و سبک خودش خارج می... ادامه سلام علیکم. فونت بسیار زیبایی است. نکته‌ای که به نظر بنده رسید اینکه در حرف هـ و ـگ به نظر می‌رسید فونت از حالت و سبک خودش خارج می‌شود. با تشکر از طراح فونت و جناب استاد مسلم ابراهیمی. ان شاالله همگی در نشر فرهنگ شهادت و ایثارگری ثابت قدم باشیم. یاعل
  • علیرضا آهنی
    واقعا عالی هست ، پول دستم بیاد میخرمش... ادامه واقعا عالی هست ، پول دستم بیاد میخرم
  • بابک
    عالی.فونت بسیار خوب و تمیزی هست.چقدر هم کار درستی کردید که با فونت ایران برای عرضه ی این محصول همکاری کردید . روش عرضه ی فونتها در... ادامه عالی.فونت بسیار خوب و تمیزی هست.چقدر هم کار درستی کردید که با فونت ایران برای عرضه ی این محصول همکاری کردید . روش عرضه ی فونتها در فونت ایران کاملا منصفانه و صد در صد توام با احترام به حقوق مصرف کننده هست.مصرف کنندگان هم باید منصف باشند و برای هر فونت هزینه ی اندک آن را بپردازند.من این فونت رو مثل دیگر محصولاتِ فونت ایران تهیه کردم و بسیار از این فونت راضی هستم.بسیار فونت خوبی هست.جناب آقای روندی من فکر میکنم دو وزن دیگر برای این فونت فامیلی نیاز هست که امیدوارم در آینده اون دو وزن هم اضافه بشه.موفق باشید
  • بابک
    بسیار فونت وب و تمیزی هست.خسته نباشید آقای روندی.دو نکته مهم وجود داره : یکی اینکه چقدر کار خوبی کردید که فونت رو با همکاری فونت ا... ادامه بسیار فونت وب و تمیزی هست.خسته نباشید آقای روندی.دو نکته مهم وجود داره : یکی اینکه چقدر کار خوبی کردید که فونت رو با همکاری فونت ایران منتشر کردید. ... فونت ایران بهترین سایت فونت فارسی هست که جدای از تولید فونت های مهم و استاندارد ، این بستر رو فراهم کرده که دیگر طراحان بتونند فونتهای تولید شده ی خودشون رو در اینجا برای فروش قرار بدهند.این باعث میشه عموم افراد بتونند به بهترین قیمت و مطمئن ترین خرید از بهترین فونتهای تولید شده فارسی استفاده کنند.چیزی که مصرف کنندگان باید در نظر بگیرند ، انصاف هست و با درنظر گرفتن اخلاقِ انسانی هزینه ی فونت رو برای استفاده پرداخت کنند.واقعا قیمتی که در نظر گرفته شده ( باتوجه به دسترسی به آپدیتهای بعدی و همینطور استفاده ی مستقیم در همه ی نرم افزارها بدونِ نیاز به نرم افزار جانبی ) بسیار هزینه ی اندکی هست. برای تیم سایت فونت ایران آرزوی موفقیت روز افزون دارم.مطمئن هستم بزرگترین مرجع فونتهای استاندارد فارسی خواهید بود. خیلی خیلی متشکر
  • فرشاد قنبری
    خیلی فونت زیباییه، فقط فرمت های دیگه هم قرار بدید ممنون میشم... ادامه خیلی فونت زیباییه، فقط فرمت های دیگه هم قرار بدید ممنون میش
  • امیر
    سلام . این فونت تیتر کثیف رو در سایتتون پیدا نمی کنم که نمونه هاش رو مشاهده کنم . کجاست ؟ میشه لینکش رو بزارید؟... ادامه سلام . این فونت تیتر کثیف رو در سایتتون پیدا نمی کنم که نمونه هاش رو مشاهده کنم . کجاست ؟ میشه لینکش رو بزارید
  • علی
    سلام. به نظرم بهتر اینه که اجازه بدید همه نظریاتی که با حفظ احترام و خصوصا از سوی مشتریان گذاشته میشه، منتشر باقی بمونه. بنده شخصا... ادامه سلام. به نظرم بهتر اینه که اجازه بدید همه نظریاتی که با حفظ احترام و خصوصا از سوی مشتریان گذاشته میشه، منتشر باقی بمونه. بنده شخصا ناراحت شدم از اینکه نظر انتقادی بنده رو بعد یک مدت حذف کردید
  • بابک
    بسیار عالی.تبریک به آقا مهدی روندی برای انتشار فونت جدید دال. متاسفانه امکان ثبت نظر در دیگر قسمتها وجود نداره. جناب مسلم خانِ گرا... ادامه بسیار عالی.تبریک به آقا مهدی روندی برای انتشار فونت جدید دال. متاسفانه امکان ثبت نظر در دیگر قسمتها وجود نداره. جناب مسلم خانِ گرامی آیا در فکر طراحی وزن های میانی فونت ایران یکان هستید؟! در طراحی، بدلیل نزدیک بودن وزن های فعلیِ این فونت به همدیگه نمیشه به طور 100 درصد از زیبایی فونت در کار بهره برد.خیلی عالی میشه که به کامل کردن خانواده ی این فونت بپردازید.فونت محشری هست و بطور قطع نمیشه به راحتی (به راحتی) برای طرح های مینیمال فونت دیگری جایگزینش کرد.متشکر
  • الناز
    نمونه‌ای از فونت زیبای ایران سنس 5، (فونت IRANSans_UltraLight) به شکل زیرنویس در ویدیوی جدید زیر: https://www.aparat.com/v/TjgyH... ادامه نمونه‌ای از فونت زیبای ایران سنس 5، (فونت IRANSans_UltraLight) به شکل زیرنویس در ویدیوی جدید زیر: https://www.aparat.com/v/Tjgy