به کاربردن فونت های فارسی دلخواه در وب

اگر به دنبال این هستید که از فونت دیگری برای سایتتون استفاده کنید (مثلا من خودم تو این قالب فعلی عنوان ها رو با فونت Byekan نمایش دادم ) امروز آموزش نوشتن css یا استایل برای به نمایش درآوردن این نوع فونت ها در سایت خودتون را,آموزش میدم.

آپلود فونت ها

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

بنابراین فونت ها را در یک پوشه دلخواه آپلود کنید.هر فونت باید هر 4مدل بالاش آپلود شه (البته کارتون با 3تاشم راه میفته!! مثلا اگر svg را نزارید!!)

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

آموزش نوشتن شیوه نامه برای فونت ها (استایل یا css )!!

شما نیاز دارید تا همچین کدی را به شیوه نامه خودتون اضافه کنید.


@font-face {
 font-family: 'BYekan';
 src: url('/fonts/BYekan.eot');
 src: local('b BYekan'), url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype'), url('BYekan.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

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

نمایش در سایت

درون شیوه نامه خود محلی که می خواهید این فونت نمایش داده بشه شبیه این استایل را برایش بنویسید.این فقط یک مثاله اون قسمت font : Byekan فقط مهمه بقیش رو خودتون تغییر بدید!! .


.post h2 {line-height: 20px;
 font: 20px BYekan, Tahoma, Geneva, sans-serif;
 letter-spacing: .3px;
margin: 10px 0 10px 0;
 clear: both;}

دقت کنید بجای مقدار post همون مقدار کلاس مورد نظرتونو وارد کنید. 20px اندازه هست که به هر چقدر دوست دارید تغییر بدید.margin هم فاصله از طرفین هست دیگه متناسب با قالبتون تغییر بدید.

———–

دانلود فونت Byekan با سه فرمت ttf , eot , woff

رمز فایل زیپ : www.picor.ir ( آدرس قدیم سایت بودش ! )

حجم فایل : 75 کیلوبایت !

———

دانلود مجموعه ی 40فونت فارسی برای اینترنت (ttf , eot , wof)

رمز فایل زیپ : www.picor.ir ( آدرس قدیم سایت بودش ! )

حجم فایل : 2.8 مگابایت

——

آیا این مطلب مفید بود ؟! اگر انتقاد یا پیشنهادی برای سایت دارید در قسمت نظرات همین پست بگین !!

5/5 - (1 امتیاز)
285 نظرات
  1. محسن شایان می گوید

    سلام وقت بخیر
    من تو وب سایتم از فونت ایران سنس شریف استفاده کردم اما وقتی میخای تو مرورگر کروم لود کنی وب سایت رو دیر لود میشه :
    membercity . ir
    تشکر

    1. عباس صادقی می گوید

      سلام، سایتتون مشکلی نداره!
      کش و کوکل مرورگرتون رو پاک کنید درست میشه!
      موفق باشید..

  2. علی می گوید

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

    1. عباس صادقی می گوید

      سلام، چک کنید احتمالا توی پوشه‌ای به نام css باشه، که توی شیوه نامه اصلی لینک داده شده و معرفی میشه!
      موفق باشید..

  3. محمد رضا می گوید

    توی کد نویسی فرمت svg فونت رو هم خواسته اما اون رو شما بهش اشاره نکردید.

    قضیه اون چی میشه پس ؟

    1. عباس صادقی می گوید

      سلام،

      تنها سیستم عامل iOS نسخه قدیمی است که از فرمت فونت SVG پشتیبانی می‌کند!

      برای اینکه هنوز تو بعضی مرورگرها لازم هست ازش استفاده میشه، اما کم کم با بروزرسانی مرورگرها و پشتیبانیشون از فرمت ttf و.. داره برداشته میشه!

  4. عرفان ابراهیمی می گوید

    واقعاً عالی و مختصر و مفید

  5. reza ghadimi می گوید

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

  6. reza ghadimi می گوید

    سلام و عرض ادب
    جناب اقای حیدری من عذر خواهی میکنم مزاحم وقتتون میشم میشه شما برای سایت من این فونت رو بزارین
    droid-arabic-kufi
    odgd odgd llk,k ldal hc gxtj,k

    1. آرش حیدری می گوید

      سلام
      لطفا گوگل سرچ کنید راحت تر پیدا میشه و دانلود کنید .
      ممنون

  7. عباسعلی ملک می گوید

    آیا راهی وجوب داره که در باکس نظر سنجی یک سایت، فونت دلخواه با سایز دلخواه و با رنگ دلخواه رو اضافه کنیم؟ مثلا در همینجایی که دارم مینویسم یا صفحات فیسبوک؟

    1. آرش حیدری می گوید

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

  8. صالح می گوید

    سلام این مجموعه 40 فونتی که گذاشتید رو من با همین روش تو فایل css می نویسم جواب نمیده و همه رو tahoma نمایش میده
    فقط byekan کار میکنه
    کدشون رو هم کارکتر له کارکتر چک کردم یکیه ولی فقط بی یکان کار میکنه
    شما خودتون این 40 تا فونت رو تست کردید ؟

    1. آرش حیدری می گوید

      سلام
      فونت ها مشکلی ندارند . Byekan رو تست کنید 100درصد درست هستش.
      صفحه رو ریلود کنید لطفا

  9. ایمان می گوید

    کاکا فونت سایت خودت چیه

    1. آرش حیدری می گوید

      سلام
      در حال حاضر iran sans هستیم

  10. شیما می گوید

    با تشکر فراوان.خیلی مفید بود.

  11. محمد می گوید

    مشکل من اینکه فونت ها لود نمیشن صفحه زورشو میزنه و حتی چند ثانیه بعد عکس ها نوشته ها باز میشن و با فونت ساده

  12. محمد می گوید

    با سلام
    من فونت رو در هاست سایت خودم آپلود میکنم و بهش آدرس میدم فونت ها اجرا نمشن ولی روی سایت خودم باز میکنه یعنی تو سایت باز میشه و در وبلاگ نه کد ها به این صورت اند:
    @font-face {
    font-family: ‘Casablanca’;
    src:url(‘http://www.test.ir/web/fonts/Mj_Casablanca.eot’);
    src: url(‘http://www.test.ir/web/fonts/Mj_Casablanca.eot?#iefix’) format(’embedded-opentype’),
    url(‘http://www.test.ir/web/fonts/Mj_Casablanca.woff2’) format(‘woff2’),
    url(‘http://www.test.ir/web/fonts/Mj_Casablanca.woff’) format(‘woff’),
    url(‘http://www.test.ir/web/fonts/Mj_Casablanca.ttf’) format(‘truetype’),
    url(‘http://www.test.ir/web/fonts/Mj_Casablanca.svg#svgFontName’) format(‘svg’);
    }

    خیلی حیاتیه کمک کنید در ضمن با کدهای html و css کاملاً آشنا هستم ولی خواستم از شما که تجربت بیشتره کمک بخوام.

    1. آرش حیدری می گوید

      سلام
      من درست متوجه منظور شما نشدم . شاید ریلود نمیکنید مرورگرتون رو مگر نه کدهایی ک قرار دادیم کاملا درست هستن و اگر درست انجام داده باشین نباید مشکلی باشه .
      لطفا مجدد مراحل رو تکرار کنید .
      با تشکر

      1. محمد می گوید

        دوست عزیز من مرورگر رو ریلود میکنم
        منظورم اینه که فرقی بین کدهای داخل هاست با لینک خارجی هست یا نه .
        من تو سایت قشنگ میارم بالا ولی تو وبلاگ(بلاگ اسکای) نمیاد بالا البته از داخل کامپیوتر هم با لینک ها باز میکنم نمیاد بالا. فرقی هست ایا.

      2. آرش حیدری می گوید

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

  13. mohsen می گوید

    سلام. من این کار رو کردم ولی جواب نمیده اصلا حتی کدهای شما رو کپی پیست هم کردم بازم کار نمی کنه. من با نوت پت پلاس پلاس می نویسم لطفا بگید مشکل کار من کجاست؟

    1. آرش حیدری می گوید

      سلام
      تو صحت و درستی کد ها که اصلا شک ندارم .
      لطفا مراحل رو کنترل کنید یک بار ، یکجایی اشتباه می کنید .

  14. آرش می گوید

    سلام، استفاده از Onlinefontconvertor یکم کیفیت فونت رو به نظرم پایین میاره، برای مثال فوت فروشگاه ای کادو رو نگاه کنید متوجه می شید، برای وب سایت شما فونتش یکانه، واسه اونم یکانه!
    فقط اعدادش فارسی نیست!

    1. آرش حیدری می گوید

      سلام
      نسخه متعددی از فونت Byekan وجود داره ،تو قالب قبلی از نسخه ای که اعداد فارسی بود استفاده کرده بودیم تو این نسخه قالب این نوع یکان رو گذاشتیم .
      ما خودمون هر 2 تا نسخه رو ازش داریم .
      با تشکر

  15. علیرضا می گوید

    سلام. من در هنگام تایپ مطالب سایتم همیشه روی حالت “بند میزاشتم” و نه H1 و H2 و… میشه راهنمایی کنید تو کد باید جای گزینه H2 چی قرار بدم؟

    1. آرش حیدری می گوید

      عنوان هاتون رو روی h2 قرار بدید .
      ممنون

  16. سجاد . س می گوید

    سلام
    خیلی کارتون درسته! میدونستید!؟
    راهنمایی های از بقیه ی سایت ها هم تخصصی تر و هم راهگشاتر بود.
    سپاس

  17. محسن می گوید

    دمت گرم
    ساده، روشن، صریح روش نصب گفتی به این میگن آموزش

  18. omid می گوید

    سلام:ممنون خیلی بدرم خورد

  19. علی می گوید

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

    فونت های جدیدی که طراح‌های گرافیک طراحی می کنند و در نرم افزارهای برداری مثل corel, free hand و … ذخیره می‌شوند را چه طور می‌شه تبدیل به فونت کامپیوتری کرد؟؟
    آیا با برنامه نویسی؟؟

  20. امیرحسین می گوید

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

  21. لاله می گوید

    ممنون خیلی بدردم خورد چون من کدنویس هستم و قالب میسازم

  22. سید محسن برزنونی می گوید

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

  23. saeed sbt می گوید

    ممنون خیلی کمکم کردی

  24. محسن می گوید

    سلام من به یک قالب وردپرس ، 2 تا فونت اضافه کردم
    حالا مشکل اینجاست که این فونت ها تو مرورگر کروم نمایش داده نمیشن ، ولس تو فایر فاکس این مشکل وجود نداره
    ضمن اینکه مرورگر هم آپریته

    البته اینو هم بگم که فقط از فرمت woff استفاده کردم
    و اینکه در لوکال تست کردئم
    به نظر شما مشکل از کجاست؟

    1. لاله می گوید

      سلام محسن جان .

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

  25. محمدحسن می گوید

    ممنون
    می شه یه سایت برای آپلودفونت معرفی کنی

  26. فرزاد می گوید

    با سلام، لطفا فایل BYekan.svg را هم برای دانلود قرار دهید.

  27. morteza می گوید

    سلام. اگه بخشی از کد style.css رو تو متن قرار میدادید خیلی از مشکلا حل بود.

  28. Navid می گوید

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

  29. علی می گوید

    نه اسمش فونت ایرانه

  30. علی می گوید

    سلام این فونت رو برام گیر میاری باور کن بیشتر از شیش ماهه دنبالشم خواهش میکنم ازت میخوام یه وبلاگ درست کنم که نوشته هاش با همین فونت باشه قربونت برم کمکم کن
    لینک عکس فونت:
    http://s1.freeupload.ir/i/00040/w367c06nxrre.png

    1. آرش حیدری می گوید

      سلام
      adobe arabic نیست ؟

  31. محمد می گوید

    مطالب به بدرد بخوری گذاشتی ممنون!!!

  32. هومن می گوید

    سلام
    فونت ها داخل پوشه آپلود شده
    استایل هم بدرستی ثبت شده
    اما هنگام لود فونت ها از روی سرور خطا میدهد
    404 not found page میدهد
    در صورتی که به پوشه هم دسترسی داده شده

  33. بهنام غمی می گوید

    سلام. بنده هر کاری می کنم فونت ها تا زمانی که روی رایانه طرف نصب نباشه، قابل استفاده نیست. اگه وقت داشتید یه نگاهی به وبلاگ بنده بندازید و کمکم کنید. خودم که هر کجای اینترنت چه فارسی و چه انگلیسی رو جستجو کردم، راه حلی براش پیدا نکردم. مثلا بنده میخوام تیترهای پستام با فونت frutiger که روی یه سایت دیگه است و بنده آدرسش رو توی css قرار دادم، نمایش داده بشه.
    پیشاپیش ممنون…

  34. elmira می گوید

    با سلام و خسته نباشید سایت خیلی خوبی دارین ممنون

    یه سوال داشتم : فایل Style_Flex3 همان فایل شیوه نامه ای است که ذکر کردید؟
    با تشکر

    1. آرش حیدری می گوید

      سلام
      فایلی که آخرش .css باشه استایل هست .

      1. elmira می گوید

        مرسی از راهنماییتون . می توانم یه خواهشی بکنم . برایتان قسمتی را که تغییر داده ام را ارسال کنم چک کوچیکی بکنید که درست انجام داده ام یا نه ؟ :)

  35. احسان می گوید

    خیلی دنبال یه سایت خوب میگشتم برای تبدیل فونت
    این سایت بهترین و بهینه ترین فونت ها رو ارائه میده
    تشکر بابت انتشار

  36. علی می گوید

    با سلام.
    بنده در فایل استایل قالب اون کد ها را قرار دادم و فونت ها را هم آپلود کردم ولی در قالب سایت تمامی فونت ها را با فونت Arial نشون میده و فونت مورد نظرم را نشون نمیده ؟؟!!
    لطفا راهنمایی کنید.

  37. ehsan می گوید

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

  38. نوید می گوید

    سلام و عرض ادب :
    من در css از fontface استفاده کرده ام و تا اینجا مشکلی ندارم … اما زمانی که فونت ها رو آپلود میکنم و لینکش رو با لینک های خودم توی css عوض میکنم فونت به صورت پیش فرض میشود . لطفا راهنمایی کنید .

  39. علی می گوید

    ممنون از پست خوبتون

  40. sam می گوید

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

  41. احسان می گوید

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

  42. فرزانه می گوید

    سلام من می خوام تو سایتم فونت ایران نستعلیق رو بزارم ولی فایل woff اش رو ندارم یعنی با کانورتورهای موجود ب دلیل حجم زیاد نمیتونم کانورت کنم …میشه کمکم رو بکنید یا ی فونت شبیه ب ایران نستعلیق بهم معرفی کنید

  43. سمیرا می گوید

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

  44. سينا می گوید

    سلام.
    ببخشيد يه سوالي از حضورتون داشتم. ميخواسم بدونم چه جوري مي تونم در برنامهasp.net يه label داشته باشم كه داراي چند خط متن باشه هم فارسي و هم انگليسي و اين متن بهم نريزه؟
    هر كاري مي كنم نمي تونم درستش كنم متن ها كاملا بهم ميريزه چه دستي تايپ كنم چه از اينترنت كپي پيست كنم.
    اگه ممكنه راهنماييم كنيد.
    با تشكر.

  45. pichak می گوید

    سلام منیه سوال دارم ..چند وقتی میشه که فونت و سایز و رنگ و خلاصه آیکون های بلاگفام نیست..نمیدونم واسه همه این مشکل هست یا نه…میشه راهنماییم کنین ممنون

  46. سعیده می گوید

    مطالبتون جالب بود اما من تغییر فونت رو برای وبلاگم می خواستم. با تشکر

  47. دیبا می گوید

    سلام
    اگه ممکنه طرز گذاشتن اسلاید شو و فونت رو برام کاملاً توضیح بدید من مبتدی مبتدی هستم و تازه دارم نحوه نوشتن کدها رو یاد می گیرم اگه ممکنه در مورد ترتیب گذاشتن و نظم کدها هم یه توضیحی بدید.
    خیلی ممنونم از شما

  48. محمد می گوید

    شیوا توضیح دادی

  49. شایان می گوید

    خیلی عالی و مفید بود.

  50. فاطمه می گوید

    ممنون عااااااالی بود…

  51. shaparak می گوید

    BYekan درسته؟
    خوب من 13 میزارم سایزشو ریز میشه
    14 میزارم بولد میشه
    میخوام دقیقا مثل فونت شما باشه
    ولی نمیشه:(
    چی باید اضافه کنم؟؟

    1. لاله می گوید

      سلام شاپرک جان.

      هر فونتی برای خودش چند نوع داره .

      معمولا 5 نوع .

      هر 5 نوع رو امتحان کن هرکدوم درست شد پاکش نکن

  52. shaparak می گوید

    خیلی ممنون از مطالبی که گذاشتید
    الان همین مقاله ای که نوشتید اسم فونتش چیه و سایز چنده؟

  53. sina می گوید

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

  54. صفا می گوید

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

  55. عدنان مرادی می گوید

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

  56. سحر رسولی می گوید

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

    1. آرش حیدری می گوید

      سلام
      میشه آدرس فونت که یجا دیگه آپلود شده رو بدید .

  57. رضا می گوید

    درود و وقت بخیر
    ممنون از این مطالب مفید….
    من سعی بر تغییر فونت ها دارم بااینکه قسمتیاز سایت ها فونت فارسی b yekan شده اما قسمت های دیگه را نتونستم فارسی کنم
    در صورت امکان منو راهنمایی کنید تا بتونم این مشکل را حل کنم با سپاس

  58. شهاب می گوید

    سلام آرش جان. یک دنیا سپاس. یک سؤال داشتم.
    کد زیر رو از یکی از صفحات پوسته وردپرس براتون گذاشتم. سؤالم اینه که چرا مقداردهی قسمت font-family در این کد، با قسمت آدرس دهی آن متفاوت است؟!
    همینطور که مشاهده می کنید قسمت font-family با ‘WYekan’ مقدار دهی شده، اما قسمت های آدرس دهی با WebYekan مقدار دهی شده اند. (فونت هایی موجود در پوشه fonts، با WebYekan نامگذاری شده اند)

    font-family: ‘WYekan’;
    src: url(‘fonts/WebYekan.eot’);
    src: url(‘fonts/WebYekan.eot?#iefix’) format(’embedded-opentype’),
    url(‘fonts/WebYekan.woff’) format(‘woff’),
    url(‘fonts/WebYekan.ttf’) format(‘truetype’),
    url(‘fonts/WebYekan.svg#WebYekan’) format(‘svg’);

    1. آرش حیدری می گوید

      سلام
      خوب الزاما نباید اسم انتخابی که برای فونت قرار میدیم ، با اسمی که برای آپلود فایل انتخاب کردیم یکی باشه ، اما بهتره همه رو یکسان بزاریم .
      موقع استفاده باید از WYekan استفاده بشه .

  59. ایلیا می گوید

    دمت گرم حال کردم

  60. آذر می گوید

    سلام
    مرسی از مطلب جالبتون
    شما میدونید باکدphp چطور میشه ی صفحه مثل wordطراحی کرد که بتونی توش تایپ کنی و داخل پایگاه داده ذخیره کنی
    ممنون از لطفتون

  61. شکورا می گوید

    نیدونم چرا کد امنیتی وبلاگم نمیاد هر چقدر مینویسم باز نمیاد میشه بیای وبم ببینی مشکل از کجاست.

  62. شکورا می گوید

    نیدونم چرا کد امنیتی وبلاگم نمیاد هر چقدر مینویسم باز نمیاد میشه بیای وبم ببینی مشکل از کجاست

  63. سایه... می گوید

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

  64. PARVIN می گوید

    سلام.در بخش پاک کردن پیامهای فیسبوک گفته بودید اکشن را باز کنید . مشکل اینه که من این اکشن را پیدا نمی کنم!!! لطفا راهنمایی بفرمایید.باتشکر ، حیدری

  65. معصومه هاشمی طاهری می گوید

    سلام
    این مطلب در مورد فونتها خیلی به درد من خورد. یک دنیا ممنون.

  66. Dariush می گوید

    سلام وقتی کسی رو تو فیسبوک اد میکنم یه پیام میاد که میگه: ‎We temporarily stop people from sending friend requests when multiple requests they’ve made are marked as unwelcome. To learn more, please visit the Help Center
    چیکتر کنم مشکلم حل بشه؟

  67. Dariush می گوید

    با سلام. وقتی کسی رو اد میکنم یه پیام میاد که میگه ‎We temporarily stop people from sending friend requests when multiple requests they’ve made are marked as unwelcome. To learn more, please visit the Help Center چیکار کنم که درست بشه؟

  68. miko می گوید

    عالی بود ممنون

  69. ورق پی وی سی می گوید

    فوق العاده بود من برای سایتم استفاده کردم

  70. حدیث می گوید

    آخه من یاد نگرفتم :((

    1. آرش حیدری می گوید

      سلام
      الان کجا رو متوجه نمیشید من بیشتر توضیح بدم ؟

  71. عدنان مرادی می گوید

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

  72. کاناپه بادی می گوید

    ممنون از مطالب خوبتون

  73. david می گوید

    مرسی دکتر . سرعت نتم پایین بود هر کار میکیردم اینترنتی واسم تبدیل نمیکرد .. فونت های تو رو دانلود کردم :) .. مرسی

  74. سهراب می گوید

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

  75. رضا می گوید

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

  76. راحله می گوید

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

  77. نبی می گوید

    ممنون از مقاله خوبتون.

    بر حسب تجربه گاهاً پیش میاد که وقتی همه چیز درسته و در همه مرورگرها کار میکنه، اما تنها در فایرفکس کار نمیکنه! این مشکل موقعی پیش میاد که از URL یک سایت دیگه برای فونت استفاده کرده باشید یعنی در صورتی که فونت روی هاست سایت خودتون در کنار سایر فایلها آپلود شده مشکلی پیش نمیاد.
    اگر براتون همچین اتفاقی افتاد مشکل ممکنه در header response type سرور باشه و با قرار دادن یک فایل .htaccess در شاخه فونت (یا روت سایت) سروری که فونت رو ازش میخونید، با محتوای زیر مشکل حل میشه:

    <FilesMatch ".(ttf|otf|eot)$">
    <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
    </IfModule>
    </FilesMatch>
    
    1. آرش حیدری می گوید

      سلام
      ممنون دوست عزیز

  78. ramroudi می گوید

    خوب بود.
    ممنون

  79. حسن می گوید

    سلام،سایت خوبی دارید.مطالبتون هم خوبه.دستتون درد نکنه

  80. reza می گوید

    دمت گرم داداش عالی بود.

  81. پیام می گوید

    آیا می شود این فونت را از سایت گوگل بارگزاری کرد ؟
    در سایت گوگل وجود دارد فونت ها؟
    (برای افزایش سرعت سایت)
    ممنون

    1. آرش حیدری می گوید

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

  82. ابراهیم می گوید

    عالی بود واقعا – مثل یه تیکه کیک خوشمزه

  83. سمانه می گوید

    با سلام
    سوالی داشتم لطف کنید جواب بدید.
    برای اینکه فونت فارسی در فایل pdf قابل جستجو باشد باید از سری b استفاده کرد یا از فونت معمولی ؟
    اگر اطلاعاتی در این زمینه دارید لطفا برام بیان کنین. خیلی ممنون

    1. آرش حیدری می گوید

      سلام
      حقیقتش اطلاع دقیقی در مورد جستجو شدن فونت های فارسی در pdf ندارم.

  84. بهروز می گوید

    سلام . من استفاده کردم تشکر. ولی موقع نمایش یکم ایراد دار نشون میده بعضی قسمت های حروف نازک میشن. چرا اینجوریه؟

    1. آرش حیدری می گوید

      بعضی فونت ها خوب اینطوری میشن ، ولی من خودم از Byekan استفاده می کنم مشکلی نداره ، البته به استابل هم مربوط هستش …

  85. پریا می گوید

    مشکلم حل شد :)

    راه حلشو می زارم برای کسایی که می خوان:

    وقتی از حالت ویزارد (wizard) برای نوشتن در دیتابیس از gridview یا detailsview از طریق حالت insertmode استفاده می کنم مشکلی ایجاد نمیشه ولی وقتی در codeنویسی از دستورات asp.net و sql برای نوشتن (درج یا آپدیت {به روز رسانی}) استفاده می کنم به جای حروف فارسی، علامت سوال در دیتابیس درج میشه و قاعدتا همون علامت سوالها هم در برنامه نمایش داده میشه …

    راه حلی که برای خودم پیدا کردم به صورت مختصر به شرح ذیل می باشد:
    تمام فیلدهایی (fields) که به صورت رشته ای (string) که در اون از حروف فارسی استفاده کردم رو به nvarchar تغییر دادم و در هنگام که در کد برنامه دستور sql رو خواستم بنویسم به جای مثلا
    insert into myphone (fname, lname) values (‘”+TextBox1.Text+”‘, ‘”+TextBox2.Text+”‘)

    دستور
    insert into myphone (fname, lname) values (N’”+TextBox1.Text+”‘, N’”+TextBox2.Text+”‘)

    رو قرار دادم و تونستم همون حروف فارسی رو در جدول (table) دیتابیس (بانک اطلاعاتی) قرار بدم و به تبع اون حروف درست رو تونستم نمایش بدم.

    حرف N رو فقط در فیلدهایی قبل از ‘ قرار بدید که از نوع nvarchar باشند نه هر فیلدی که از ‘ استفاده میکنه.

  86. پریا می گوید

    سلام

    ممنون از مطلب خوبتون.
    1مشکلی دارم:
    من از فونت B homa در سایتم استفاده کردم و در local هیچ مشکلی ندارم ولی وقتی سایتم رو ، رو هاست بالا آوردم صفحات اصلیم که از این فونت استفاده می کرده درست نشون می ده ولی 1قسمتی دارم به نام ثبت خبر ، که وقتی خبر رو ثبت می کنم تو دیتاگرید مربوط به خودش حروف به صورت ؟ نشون داده می شه،نمی دونم مشکل چیه؟ در ضمن من از asp.net استفاده می کنم.
    ممنون می شم کمکم کنین.

  87. الهام می گوید

    سلام اقای حیدری
    من میخوام ی فرم بنویسم ک اطلاعاتو از کابر دریافت کنه تو بانک ذخیره کنه ولی مدیر سایت قابلیت لاگین رو داشته باشه و افراد ثبتنام شده رو تو سایت ببینه
    فقط فرمشو نوشتم با html,php اما تو هاست پوششو اپلود کردم نمیدونم چطوری تو سایت نمایشش بده و لاگین رو بلد نیستم
    میشه کمکم کنید
    ممنون

    1. آرش حیدری می گوید

      سلام
      شما این فرم رو برای چه سیستم مدیریت محتوایی می خواهید؟
      اگر به عنوان پروژه هستش،باید با php کار کنید و فرم ورود درست کنید و با شمارش جلسه یا session ها این کار رو انجام بدید.

  88. بهنام می گوید

    سلام و خسته نباشید بابت سایت خوبتون

    من میخواستم بدونم اگه بخوام فونت منو های اصلی سایتو عوض کنم باید چیکار کنم ؟

    اگر لطف کنید دقیق جواب بدید ممنون میشم همه راهی رو امتحان کردم جواب نداد

    1. آرش حیدری می گوید

      سلام
      دوست عزیز ما تو این مطلب همین کار رو آموزش دادیم،شما مطلب رو بخونید هرکجا مبهم بود بگید براتون بیشتر توضیح بدم.
      ممنون

  89. مهرداد می گوید

    سلام ممنون از فونت هاتون متشکرم

  90. ندا می گوید

    سلام من یه سوال داشتم و اون اینه که از امروز فونت Arial من دچار مشکل شده و ی رو به صورت جدا می نویسه جالبه تو مرورگر هم میخام هرچی سرچ کنم ی به صورت جدا نوشته میشه؟ راستش من دیروز آنتی ویروس اوست دانلود کردم بد 12 ویروس پیدا کرد که یکیش تو فوتنهام بود به نظرتون چیکار کن؟ من 1 هفته است لپ تاپ جدید خریدم و ویندوزم هم ایت هستش باید چیکار کنم ممنون اگه جواب بدین؟

    1. آرش حیدری می گوید

      سلام
      دوباره فونت رو دانلود و نصب کنید ، فکر کنم مشکلتون برطرف بشه.

  91. مسلم می گوید

    دمت گرم

  92. کاظم می گوید

    سلام ممنون ازمطلب خوبتون.
    ولی من چندین وچندباراین کدرواستفاده کردم وکارنکرد.
    فونت هاروتوچندتاسایت اپلودکردم وامتحان کردم کارنکرد،چندباراسم فونتم روتوکدعوض کردم کارنکرد،دیگه نمی دونم چیکارکنم.البته تومرورگرهای اکسپلورر،اپراوسافاری تست کردم کارمیکنه ولی یه بارهم توفایرفاکس کارنکرده اگه میشه کمکم کنی.این هم کد: اگه میشه شماهم یه بارتستش کنید.
    @font-face {
    font-family: ‘BYekan’;
    src: url(‘http://rozup.ir/up/skindesign/BYekan.eot?#’);
    src: local(‘b BYekan’), url(‘http://rozup.ir/up/skindesign/BYekan.woff’) format(‘woff’), url(‘http://rozup.ir/up/skindesign/BYekan.ttf’) format(‘truetype’);
    font-weight: normal;
    font-style: normal;
    }

    1. آرش حیدری می گوید

      اگر کدها رو با دقت وارد کرده باشید و کلاس و آیدی استایل رو هم درست تغییر داده باشید نباید مشکلی باشه.
      من گمان کنم شما رو کش مرورگرتون هتید و تغییرات رو نمیبینید در حالی که تغیی کردن.
      با مرورگرهایی که نمی بینید یکبار راست کلیک کنید و reload رو بزنید . درست میشه فکر کنم …

      1. کاظم می گوید

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

      2. آرش حیدری می گوید

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

  93. shyz می گوید

    میشه یه فونتی رو معرفی کنید، به جز BNASIM که بی بی سی فارسی استفاده می کنه، و اعداد انگلیسی داشته باشه، به جای اعداد فارسی!

    1. آرش حیدری می گوید

      سلام
      راستش نمیدونم !

  94. آرين وب می گوید

    سلام ممنون از مطلب خوبتون .
    یک سوال داشتم ممنون می شم راهنمایی کنید .

    در سایت فونت های فارسی در کلمه ” ی ” پایین این حرف دو نقطه می گذارد یعنی به صورت عربی است برای رفع این مشکل چه باید کرد ؟
    بازم ممنون

    1. آرش حیدری می گوید

      این مشکل رو کدوم فونت داره ؟ منظورتون توی مرورگر ها هستش ؟!

  95. گلنوش می گوید

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

    @font-face {
      font-family:'BMitra';
      src:  url('../font/BMitra.eot?#') format('eot'), 
           url('../font/BMitra.woff') format('woff'),  
           url('../font/BMitra.ttf') format('truetype'); 
    }
    
    1. آرش حیدری می گوید

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

  96. فاطمه محتاجه جوابتونم! می گوید

    سلام بزرگوار دو تا سوال داشتم:
    1-اگر فونت معرفی شده در صفحه وب در دستگاه کاربر وجود نداشته
    باشه، چه اتفاقی می افته؟
    2-مفهوم web font در css3 چیه؟

    1. آرش حیدری می گوید

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

      1. فاطمه محتاجه جوابتونم! می گوید

        سلام
        منظورم اينه كه:web font درcss چه قابليت هايي داره، چه كاري ميكنه؟

      2. آرش حیدری می گوید

        سوال سخت نپرسید ;)
        سرچ کنید تو گوگل پلیز تا یه موقع اشتباه جواب ندم !
        مرسی

      3. فاطمه می گوید

        سلام شرمنده
        چند وقته به هر سایتی مراجعه میکنم به سوالام جواب نمیدن یا بلد نیستن یا به روز نیستن. شما هم که به روزید نمیتونید جواب بدید!! نمیدونم چیکار کنم. شما سایتی رو نمیشناسید که تا حدودی بتونه کمکم کنه؟

      4. آرش حیدری می گوید

        سلام
        خوب کتاب مرجه دانلود کنید توش دقیقل قید شده.

  97. فاطمه محتاجه جوابتونم! می گوید

    سلام بزرگوار.لطفا كمكم كنيد به اين سولات جواب بديد
    -1 آیا مفهوم Free در Free/Open Source Software به معنی رایگان بودن است؟ چرا؟
    -1 فلسفه تفاوت مجوزهای GPL و BSD را مورد ارزیابی قرار دهید.
    -9 لزوم ایجاد مجوز LGPL چه بوده است؟
    -4 حقوق مالکیت معنوی یک نرم افزار چگونه انحصاری می شود؟
    -1 آیا می توان گفت: نرم افزار آزاد/متن باز به جهت آزاد بودن کدمنبع از امنیت بیشتری برخوردار است؟چرا؟
    -6 مجازی سازی و انواع آن را توضیح دهید.
    -7 از منظر آکادمیک کدام مجوز نرم افزاری مناسب تر است؟
    -8 از منظر کسب و کار کدام مجوز نرم افزاری مناسب تر است؟
    -3 منظور از Live CD , DVD چیست؟ چه مزیتی دارد؟
    -11 Distributers یا توضیع کنندگان نرم افزار چه کسانی هستند؟
    -11 موضوع Dependency یا وابستگی در نرم افزارهای آزاد/متن باز چیست؟
    -11 چند نمونه از سایتهای بزرگی که توسط FreeBSD میزبانی میشوند را بگویید.
    -19 مزایای استفاده از FreeBSD را نام ببرید.
    -14 مزایای استفاده از Linux را نام ببرید.
    -11 CPU های نسل اینتل را مورد بررسی قرار دهید )در صورت تمایل ارایه شفاهی دهید(.
    -16 ميگن BIOS در حافظه ROM سیستم قرار میگیرد. این حافظه قابلیت تغییرات
    مکرر را ندارد و فرار نیست. پس چگونه تنظیمات سیستم، ساعت و … که داده های متغیری هستند در سیستم
    پیاده سازی میشوند؟
    -17 ASIC چیست؟
    -18 تفاوت Multiprocessing و Multitasking چیست؟
    -13 اهمیت ACPI در چیست؟
    -11 مجازی سازی و انواع آن را توضیح دهید.

    1. آرش حیدری می گوید

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

  98. 123project می گوید

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

    1. آرش حیدری می گوید

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

      1. 123project می گوید

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

      2. آرش حیدری می گوید

        سلام
        بله اگر درست انجام بدین تو تمام صفحات درست میشه فونت ها.

      3. 123project می گوید

        آرش جان عینا عمل کردم. تو سیستم من درست نشون میده ولی وقتی با browsershots تست میکنم فونت وردپرسه.
        من هنور نفهمیدم قسمت نمایش در سایت رو.
        اون کدی که گذاشتی رو کپی کردم تو استایل ولی نمیشه.باید post رو عوض کنم؟ متوجه نمیشم کلاس موردنظر چیه. اگه میشه کدش رو دقیقا بگی که چی باید بذارم تو استایل تا تبدیل به اون فونت بشه ممنون میشم.

      4. آرش حیدری می گوید

        سلام
        داخل فایل style.css فونت ها و اندازه فونت ها برای قسمت های مختلف سایت تعریف شدند باید اونها رو پیداشون کنید و بعد ویرایش کنید طبق مثالی که زدیم.

  99. علی می گوید

    سلام آرش جان
    ممنون
    مطلبت واقعا بدردم خورد
    امیدوارم موفق باشی دوست من

  100. شاهین می گوید

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

    1. آرش حیدری می گوید

      سلام
      خواهش می کنم،لطف دارید
      امیدوارم استفاده کرده باشید
      سپاس بابت دیدگاهتون

  101. رضا می گوید

    دمتون گرم عالی بود

  102. مینو می گوید

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

    		@font-face {
     font-family: "'BKoodakBold'";
     src: url('/fonts/BKoodakBold.eot');
     src: local('b BKoodakBold'), url('fonts/BKoodakBold.woff') format('woff'), url('fonts/BKoodakBold.ttf') format('truetype'), url('BKoodakBold.svg') format('svg');
     font-weight: normal;
     font-style: normal;
    }
    

    در قسمت body قالبم هم اینطور فراخوانی کردم :
    font-family: BKoodakBold;

    1. آرش حیدری می گوید

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

  103. حسین می گوید

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

    1. آرش حیدری می گوید

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

  104. hamid می گوید

    ممنون مفید بود

  105. نیما می گوید

    سلام آرش جان…
    مرسی بابت سایت فوق العادت…
    یه سوال دارم ازت اونم اینه که من یه قالب دارم که توش از فونت های فارسی استفاده شده اما این فونت های فارسی وقتی با مرورگر کروم نمایش داده میشن یه مشکل بزرگ دارن اونم اینه که دور بعضی از حروف یه مربع کشیده میشه. مثلا در کلمه ی “انیمیشن”، حرف “ن” یه مربع دورش کشیده میشه که در کل ظاهر خوبی به وب سایت نمیده…فقط هم با مرورگر گوگل کروم این مشکل وجود داره، بقیه ی مرورگر ها مثل فایرفاکس و اینترنت اکسپلورر هیچ مشکلی ندارند. ممنونم میشم اگه راهنماییم کنید…

    1. آرش حیدری می گوید

      سلام ، خیلی لطف دارید شما دوست عزیز
      ببینید این مشکل برای مربوط میشه به فونت ، شما فونت Byekan که برای دانلود قرار دادیمو امتحان کنید ببینید بازم اینطور میشه ؟ گمان نکنم
      از فونت های استاندارد باید استفاده بشه تا این مشکل پیش نیاد.

      1. نیما می گوید

        بله ممنونم مشکلم حل شد…

  106. محمود می گوید

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

    1. آرش حیدری می گوید

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

      1. محمود می گوید

        بنده هم طبق دستور شما افدام کردم ولی فونت هایی که فراخوانی کردم اعمال نشد و فونت تیتر هام هم که b yekan بود به Arial تغییر کرد.
        من در واقع میخوام فونت متنی که مینویسم به فونت دلخواهم تغیییر کنه همین.
        حالا چه کار باید بکنم؟

      2. آرش حیدری می گوید

        سلام
        باید کدهای شیوه نامه رو ببینیم و بهتون بگیم اینطوری یکم سخته.
        اگر دوست داشتید براتون خودمون انجام میدیم تغییرات مورد نظرتونو.

      3. محمود می گوید

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

      4. آرش حیدری می گوید

        سلام
        بله متوجه شما شدم من.
        این طوری نمی تونم کاری انجام بدم باید کدهای قالبتونو ببینم و براتون انجامش بدم.

  107. مهدی 002 می گوید

    سلام ارش جان من چیز هایی رو گفتی کامل گرفتمواپلود و شیوه نامه و… ولی فقط اون کلاس رو نگرفتم.مثلا من فقط میخوام فونت منوی سایتم عوض شه مهین اونای دگرو اکی کردم فقط فونت منو مونذده اگه راهنماییم کنی ممنونت میشم

    1. آرش حیدری می گوید

      سلام
      نیاز به آشنایی به استایل دارید شما،باید روی منو خودتون راست کلیک کنید و بعدش اگر با گوگل کروم هستید گزینه inspect elements رو بزنید و اون کلاس منو خودتونو پیدا کنید و بعدش برید به فایل استایل و طبق مثال عمل کنید.

  108. سفیدبرفی می گوید

    سلام
    ممنون چندتا فونت سایتمو عوض کردم و به جاش شما رو لینک کردم
    اما چکار میکنید که تو همه مطالب گوگل اولید؟

    1. آرش حیدری می گوید

      سلام
      خیلی ممنون که مارو لینک کردید
      راستش کاره خاصی انجام نمیدم ، تنها رمز موفقیت تو نوشتن مطالب با کیفیت و جدید هستش !
      در مطالب قبلی سایت
      http://doctorwp.com/?p=312
      و کلا مطالب بهینه سازی سایت چند تا اصل مهم رو معرفی کردیم
      از بالای سایت منو طراحی و سپس بهینه سازی رو رتنخاب کنید ، مطالب خوبی هستند ، ارزش یک بار خونده شدن رو حتما دارن !!
      موفق باشید

  109. amin می گوید

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

    1. آرش حیدری می گوید

      سلام
      دوست عزیز درسته که خیلی کد ساده ای هستش اما اونطوری که شما می خواهین باید خودتون درستش کنین.
      اصول و اساس html رو اگر مطالع کنید با حل کردن چندتا تمرین می تونید همچین کاری رو انجام بدید.من که جای شما بودم اصول رو یاد می گرفتم تا بعدا هم بتونم تغییرش بدم هرکجاشو.

  110. زینب می گوید

    سلام من کلا هیچی بلد نیستم الانم از رو نظرات هم نفهمیدم مدیریت محترم سایت کیه وبلاگ پسرم را هم به سختی درست کردم فقط یه سؤال داشتم اکه تغییر فونت را به شخص دیگری با یک سیستم جدا بسپاریم قابل انجام هست مثلا شما بسیار لطف کنید برای وب پسر من انجام بدید چون اصلا فونتش خوب نیست ممنون می شم پاسخ بدید .

    1. آرش حیدری می گوید

      سلام
      این سیستم وبلاگ که انتخاب کردید اصلا مناسب نیست ، درسته اسمش برای بچه هاست ولی به نظرم یک وبلاگ داخل میهن بلاگ بسازید … من خودم هم یک وبلاگ شبیه شما برای یک نفر دارم که تو میهن بلاگ ساختم
      تشکر

  111. وحید می گوید

    سلام و ممنون
    دو تا سوال اول اینکه من با کدنویسی خیلی اشنا نیسم ولی خب با ی سری مفاهیمش اشنام،تا اخرشو فهمیدم چیکار کنم ولی اخرش ک فرمودین کلاس مورد نظر رو بزاریم،ینی چی بزاریم؟منظور از کلاس چیه؟مثلا چی بزاریم؟
    دومم اینکه این اشتراک پیامک گوشه ی سایتتونو میخواستم اگه کدشو لطف کنین
    بازم ممنون از سایت خوبتون!;-)

    1. آرش حیدری می گوید

      ما داخل style قالب class داریم که با نقطه شروع میشن و id که با # شروع میشن.
      اون اشتراک پیامک هم افزونه وردپرس هستش.
      تشکر

  112. كاوه می گوید

    با سلام
    من سایتی را در دست دارم که فارسی شده و فونت زیبای را در نظر دارم بر روی سایت قرار دهم اين سايت نمونه از سايتي هست كه فونت هاش مد نظرم هست
    font-family: ‘Droid Arabic Kufi’, Tahoma, Geneva, sans-serif;

    ممنون می شوم اگر راهنمایی کنید و از طریق ایمیل خبر بدید

    1. آرش حیدری می گوید

      سلام
      دوست عزیز داخل نوشته آموزش دادیم که چگونه از فونت مرد نظر استفاده کنید…الان مشکل شما کجا هستش ؟
      سپاس

  113. eli می گوید

    سلام خسته نباشید می خواستم فونت اسمم تو فیس بوک تغییر بدم اسمم Elena Re میخوام مثه ᗩᙢ ᓰᖇ بشه میشه بگین چطوری اینکارو کنم و فونتها رو ببینم و از هر کدوم خوشم اومد استفاده کنم آخه نمیخوام اول فامیلیم باشه فقط میخوام اسمم باشه اسم خودم هم به سادگی قشنگ نمیشه (Ele Na)

    1. آرش حیدری می گوید

      سلام ، این فونت ها رو اگر سرچ کنید بعضی سایت ها هستند همچین ابزار هایی دارند …
      ولی به نظرم اینکارو نکنید اونموقع کسی نمی تونه سرچ کنه و پیداتون کنه

  114. yaser می گوید

    عالی بود !

  115. fantometkh می گوید

    خدا خیرت بده

    عالی بود

  116. میلاد می گوید

    سلام.آقا من HTML دارم ایک فونت فیس رو کجاش اضافه کنم
    مردم بخدا همش بهم میریزه یم توضیح بده من هیچی بلد نیستم

    1. آرش حیدری می گوید

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

  117. مرجان می گوید

    سلام
    من به مدت دو روز بعد از ثبت نام در فیس بوک حضور فعال داشتم تا اینکه پیامی با محتوی Verify Your Identityبرام اومد که مانع از ورود به فیس بوکم میشه
    خیلی راه ا رو امتحان کردم حتی پسورد رو هم عوض کردم اما همیشه همین پیغام میاد و بعد از زدن چندین کد و رمز تصویری باز هم نمی تونم وارد بشم
    ممنون میشم راهنماییم کنید
    این هم متن کامل ارور:
    It looks like your account might not be real. Facebook is a community where people share and interact using their real identities.
    Facebook does not allow accounts that:
    Pretend to be someone else
    Use a fake name
    Don’t represent a real person
    In order to regain access to your account, please complete the following security check to verify your identity and help keep Facebook secure

    1. آرش حیدری می گوید

      سلام ، این مشکلی هستش که برای افرادی که جدیدا ثبت نام می کنند پیش میاد ، گمان کنم یکی از رها های تایید هویت هم ارسال sms و کد تایید باشه که تو ایران فعال نیست ، اگر راه دیگری برای تایید هستش رو امتحان کنید.

  118. مهشید می گوید

    اگه بخوایم چندتا فونت رو با هم اضافه کنیم به سایتمون چی؟
    میشه واسه این مثال بزنید؟مثلا اینجوری میشه 3 4 تا فونت فمیلی داد؟

    1. آرش حیدری می گوید

      سلام ، بله همچین چیزی رو داخل چندتا سایت دیدم خودم.

  119. فاطمه می گوید

    این کدها فقط برای سایته یا برای وبلاگ ها هم میشه ازش استفاده کرد؟

    1. آرش حیدری می گوید

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

  120. حسین راد می گوید

    سلام
    من گاهی اوقات از سایت فونت ای پی ای در طراحی و ترجمه پوسته استفاده میکنم.
    بهتون پیشنهاد میکنم از این سایت دیدن کنید.
    فونت هاش ه استاندارده هم سریع لود میشه.
    نیاز به دانش خاصی هم نداره.
    font-api.ir

  121. همیشه آنلاین می گوید

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

  122. سایه می گوید

    سلام.. من واسه وبلاگ ام می خوام فونتنمو عوض کنم
    نظراتم زیاد بود… اگه لطف کنید از اول بگین کجا باید چی کار کنم..
    مسی

    1. آرش حیدری می گوید

      سلام
      داخل این آموزش هم همینو توضیح دادیم ، اما یکم نیاز به آشنایی قبلی با کدها دارید.
      بخونید هرکجاشو نفهمیدید بگید براتون توضیح بدم
      تشکر

  123. ریتا می گوید

    سلام هممه ی مطالب تون مفید بود هرچند من از بعضی هاش سر در نیاوردم ولی براش زحمت کشیده شده یود!!!وقتی وارده وبلاگ دیگران میشدم واقعا این سوال در مورد فونت های اونا برام پیش میومد!!میخاستم بدونم حالتی که فرمه کمک به سایت داره رو چه جوری تو وبلاگ قرار دادید!؟؟!یعنی چه جوری میشه قرار داد خیلی ها در ازای دانلود فایل یا سوال یا شارژ و ازاین قبیل ها این فرم و میذارن میخاستم بدونم چه جوری ممنون میشم اگه جواب بدید!!

    1. آرش حیدری می گوید

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

  124. رضا می گوید

    تشکر عالی بود توضیحاتتون و همچنین پاسخ دهی به کامنت های همه
    برا ایلتس گرفتنم مطلب بزارید!!!!!! ( شوخی کردم)

  125. علیرضا می گوید

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

    1. آرش حیدری می گوید

      سلام
      در مورد فارسی و لاتین نمایش دادن اعداد ، این مورد به قالب شما برمیگرده و به فونت ربطی نداره تقریبا
      عنوان های سایت من B yekan هستش و متن و توضیحات مثل بقیه جاها tahoma
      تشکر

      1. سرباز وطن می گوید

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

      2. آرش حیدری می گوید

        سلام
        این مربوط میشه به کدنویسی سایت شما نه فونت ها
        مثلا اگر وردپرس دارید خودش تنظیم هست و افزونه جلالی هم داره.

  126. جلال می گوید

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

    1. آرش حیدری می گوید

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

  127. کاوشگران می گوید

    سلام ممنونم از اینکه Archiev فونت ها رو گذاشتین ، فقط یه سئوال ، من وقتی از @font-face استفاده میکنم فونت سایت تو مرورگر های قدیمی فایرفاکس و کروم بهم چسبیده میشه و توی مرورگر اپرا حروف از هم جدا جدا نوشته میشه ، فونت BDavat رو استفاده کردم.

    1. آرش حیدری می گوید

      سلام،
      خوب آره دیدم منم که بعضی فونت داخل بعضی ورژن های مرورگرها خوب نشان داده نمیشه.
      به نظرم از فونت هایی که اکثر سایت ها استفاده می کنن استفاه کنید بهتر هستش.

  128. مهدی می گوید

    سلام ، میشه این مطلب رو با ذکر منبع بزارم توی سایتم ؟

    1. آرش حیدری می گوید

      سلام ، خواهش میکنم.

  129. حمید می گوید

    با سلام از سایت بسیار مفیدتون خیلی جالب بود
    یه سوالی از خدمتتون داشتم،اگر در قالب وردپرسم فونت فهرست ها رو به BNazanin تغییر بدم و بازدید کننده اون فونت رو در کامپیوترس نداشته باشه فهرست ها به چه صورتی نمایش داده میشه ؟
    ممنونم

    1. آرش حیدری می گوید

      سلام ، من هم تو همین آموزش اگر دقت کرده باشین همین رو توضیح دادم که باید فونت ها رو آپلود کنید ، مطمئنا فونت ها از سیستم بازدیدکننده لود نمیشه!

  130. امیر علی می گوید

    ارش جان ممنون از راهنمایت ,

    اما فونت سالم است , و داخل همه مرورگر ها هم کار میکنه ( به عنوان مثال توی فایری فاکس این ادرس رو ببینید : http://demo.asila.ir/fereshte و با این قالب مقایسه کنید : http://dokhtareafghan.blogfa.com ) هر دو تا از یه جا دارن ادرس میگیرن ( البته دیدم فونت کار نمیکنه , فونت تاهوما رو ست کردم ) اما اگر اون صفحه که فونت میترا داره رو ازش ذخیره بگیرید و ادرس سی اس اس ها و جی اس ها رو لینک بدین به سایت میبینید که کار نمیکنه خارج از هاست روی مرورگر فایری فاکس …
    نمیدونم این چه جور مشکلی است :D

  131. امیر علی انوری می گوید

    الان خودم هم دیدم , این مشکل رو با مرورگر کروم (هیچ کدام نداره منظور رو هاست و وبلاگ)
    ولی تو فایری فاکس , قالب روی هاست رو بدون مشکل نمایش میده و قالب وبلاگ رو با مشکل و عدم ساپورت فونت …. :(

    به نظرتون مشکل از چیه ؟

    1. آرش حیدری می گوید

      سلام ، شاید مشکل از فونت ها باشه ، لطفا یک بار با این فونت B yekan سایت من که با همه مرورگرها سازگاره امتحان فرمایید ببینید باز مشکل پیش می آید ؟
      بعد از اعمال تغییر صفحه رو reload کنید لطفا.

  132. امیر علی انوری می گوید

    سلام

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

    ۱٫ روی هاست : http://demo.asila.ir/fereshte

    2. روی وبلاگ : http://dokhtareafghan.blogfa.com

    ممنون میشم کمکم کنید . ( در ضمن من فکر کردم شاید مال دسترسی ها باشه ولی اینطور نبود دسترسی ۷۷۷ هم دادم . )

    حتی روی روت سایت هم ریختم . امتحان کنید :
    @font-face {
    font-family: ‘BMitra’;
    src: url(‘http://asila.ir/BMitra.eot?#’) format(‘eot’), /* IE6–۸ */
    url(‘http://asila.ir/BMitra.woff’) format(‘woff’), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url(‘http://asila.ir/BMitra.ttf’) format(‘truetype’); /* Saf3—۵, Chrome4+, FF3.5, Opera 10+ */
    }

    1. آرش حیدری می گوید

      سلام
      من الان وبلاگ رو دیدم خوب مشکلی نداره که ، فونت عنوان منوها Bmitra هستش و درست کار می کنه !

  133. رمضانی می گوید

    سلام وقتتون بخیر. سال نو مبارک
    من فونت adobe arabic woff , adobe arabic eof احتیاج دارم . لطفا راهنمایی بفرمایید

    1. آرش حیدری می گوید

      سلام ، سال نو شما هم مبارک
      همونطور که داخل سایت نوشته شده باید 3تا فرمت این سایت رو آپلود کنید و طبق آموزش سایت ازش استفاده کنید.
      الان شما کجای کار رو اشکال دارید ؟

  134. مهرداد می گوید

    درست شد.از کمکتون ممنون

  135. مهرداد می گوید

    سلام.میشه لطفاً بگید دقیقاً این کد رو کجای style.css باید بزارم؟؟؟
    من چند جا گذاشتم جواب نداد
    میشه یه فایل مثل aditional.css درست کنم و ای کد رو توش بزارم؟؟

    1. آرش حیدری می گوید

      کد اولی رو همون اوایل سایت وارد کنید تا فونت ها معرفی بشند.
      بعدش باید برای کلاس های مختلف هم به کار ببریدشون.
      شیوه نامه خوده سایت ما رو نگاه کنید اگر دوست دارید فونت B yekan رو به کار بردیم.
      http://doctorwp.com/wp-content/themes/chertopala/style.css

  136. reihane می گوید

    salam

    man ye moshkely dar nazav dadan daram:

    من سیستمم فونت فارسی داره ولی نمی تونم نظر فارسی بدم و هر کاری می کنم درست نمی شه ولی وقتی می خوام تو ورد تایپ کنم میشه…………

    اگه امکانش هست جوابمو سریع بده حیاتیه!!!!!

    1. آرش حیدری می گوید

      سلام ، شاید مرورگرتون مشکل داره آخه اینطور که نمیشه فارسی تایپ نکنه !!

  137. فرزین فقیهی می گوید

    سلام
    اول باید بگم از مطلبتون خیلییی ممنونم اما باید بگم هر کاری میکنم این کد توی سایتم کار نمی کنه می تونی منو راهنمایی کنی
    من از ورد پرس و قالب mantra استفاده می کنم

    1. فرزین فقیهی می گوید

      من این سیستم رو توی روت سایت با یک فایل html ساده تست کردم درست کار می کنه اما صفحه های قالب رو تغییر نمیده
      فونتها توی یک شاخه توی روت سایته
      فک می کنی مشکل از کجاست این موضوع بد جور اعصابمو ریخته بهم

  138. بردیا مظاهری می گوید

    سلام
    ممنون

  139. پرنده سیاه می گوید

    با سلام
    باسپاس فراوان،بسیار عالی بود

  140. aref می گوید

    سلام
    من یک مشکل دارم
    وقتی آدرس سایت رو در وردپرس تغییر میدهم فونت را نمیخونه ولی به آدرسی که سایت وردپرس رو تغییر دادم فونت رو میخونه

    1. آرش حیدری می گوید

      راستش درست متوجه نشدم ، بیشتر توضیح میدید لطفا

  141. مصطفی می گوید

    سلام
    من قصد دارم از چند فونت خاص فارسی در پست ها و مطالب وب سایتم استفاده کنم بطوریکه بتونم هنگام نوشتن مطالب این فونت هارو روی مطلب اعمال کنم، فونت هارو در پوشه فونت ها آپلود کردم و font-face رو هم به Style.css اضافه کردم، الان نمی دونم که چه کار دیگه ای باید انجام بدم، ممنون میشم اگه منو راهنمایی کنید.
    تشکر

    1. آرش حیدری می گوید

      این مورد مربوط میشه به ادیتور شما حالا وردپرس یا هر چیز دیگه ای هستش
      ولی اصلا فکر نکنم لزومی باشه دوست عزیز
      شما داخل قالب درست کن مثلا h1 چی باشه h2 چه فونتی باشه بعد خودت میدونی دیگه انتخاب کن

      1. مصطفی می گوید

        سلام، مرسی از اینکه پاسخ بنده را دادید، اگر امکان دارد همینی که فرمودید رو با کد توضیح بدید، یعنی بفرمایید که با کد چطور میشه کاری کرد که h1 یک فونت و h2 یک فونت دیگر باشد .

        با تشکر

      2. آرش حیدری می گوید

        سلام دوباره
        این آموزش هم همین بود تقریبا دیگه
        توی فایل شیوه نامه برای کلاس هایی که مد نظرتون هست طبق آموزش بالا هر فونتی که دوست دارید رو تعریف کنید.مثلا من برای h2 عنوان مقاله های خودم
        .single-post h2 {line-height: 20px;
        font: 20px BYekan, Tahoma, Geneva, sans-serif;
        letter-spacing: .3px;
        }

  142. مرتضی می گوید

    سلام
    یه سوال داشتم ازتون ممنون اگه جواب بدید
    تویه فیسبوک دیدم بعضیا نام کاربریشونو با فونتای خاصی نوشتن
    چطور میشه انام کاربری رو بافونت خاصی که دلت میخاد مثلا یکی از فونتایه تویه ورد نوشت و ثبت کرد
    من تویه ورد اسممو با یه فونت که دوست دارم به انگلیسی نوشتم وقتی ک÷ی میکنی تو قسمت ویرایش نام کاربری دوباره به حالت استاندارد نمایش میده…!
    ممنون اگه جواب بدید…!

    1. آرش حیدری می گوید

      والا راستش بلد نیستم چجوری تو فیس بوک بایداین کارو کرد ولی اسکریپت ها و سایت هایی هستش که شما اسمتونو رو می نویسید و براتون با علامات و فونت ها اسم رو می نویسن که میشه کپی کردش و ازش استفاده کرد !

  143. مصطفی معراجی می گوید

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

  144. پژمان می گوید

    سلام میشه لینک فونت tohama رو بزاری؟

  145. mahdi می گوید

    عالی بود کلی کارمو پیش انداخت

    1. آرش حیدری می گوید

      خواهش میکنم قابل شما رو نداشت !

  146. اتیلا می گوید

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

    1. آرش حیدری می گوید

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

  147. محمد علی درویشی می گوید

    درود ببخشید یک پرسش!
    آیا میشه در فایل سی اس اس از دوتا font-face با دو فونت مختلف استفاده کرد؟؟؟؟؟

    1. آرش حیدری می گوید

      بله ، من خودم تو چندتا سایت دیدم که دقیقا همین کارو کردن !

  148. uNFORGIVEN می گوید

    سلام .
    لطفا نحوه اصلاح کردن فونت ها رو هم توضیح بدید . چون فونتی که من استفاده کردم بین حروف مربع نشون میده !!

    1. آرش حیدری می گوید

      اگر از فونت های فارسی استفاده می کنید ، حتما باید یونیکد صفحه utf-8 باشه تا مربع نشون نده.
      برای انتخاب یونیکد utf-8 هم موقع ذخیره کردن کنار دکمه save یک پنجره به نام encoding هستش که باید از تو اون utf-8 را انتخاب کنید.

      1. uNFORGIVEN می گوید

        سلام.
        ممنون ار راهنمایی . من همیشه یونکید استفاده میکنم . منظورم رو بد رسوندم !
        صفحه من با فونت های اصلاح شده ای که اینجا برای دانلود گذاشتید مشکلی نداره و درست کار میکنه . ولی با فونتی که خودم دارم فاصله ها را مربع نشون میده … اسم فونت من این هست : IranSansZ

  149. مصطفی می گوید

    البته این کد روی اکثر پوسته های وردپرس و جوملا کار می کنه ولی اگه روی پوسته ای عمل نکرد اشکال از کد نیست، باید دید کدنویسی پوسته چجوریاس. آرش خان ممنون، خیلی سایت خوبی داری، لطفا ادامه بده، این دوره زمونه بر و بکس بامعرفت بین وردپرسی ها خیلی کم پیدا میشن : ))

  150. محمود می گوید

    آرش جان چک کن ببین مشکل چیه دیدگاهم بعد از ارسال دیده نمیشه دیروز و امروز چند بار چک کردم ولی ثبت نشده منم رفتم تو سایت آقا آرمین مستقیما جوابمو نوشتم

    1. آرش حیدری می گوید

      سلام محمود جان
      فکر کنم چون که دوتا لینک داشت وردپرس فکر کرده که جفنگه!! رفته بود فولدر اسپم ، شرمنده

  151. محمود می گوید

    ببین آرمین جان کلا قبل از CSS3 نمیشد فونت پیوست داد اما حالا هر فونتی رو با تبدیل میشه پیوست داد توی زبان فارسی فونت هایی مثل arial , Tahoma و mono-type داخل هر سیستمی هست و برای زبان انگلیسی این تعداد بیشتر از 10 تاست وقتی شما از قابلیت @font-face استفاده می کنید یعنی اگه فونتی که پیوست شده داخل سیستم کاربر هست دیگه دانلود نشه و از فونت سیستم استفاده کنه و تا جایی که من میدونم دیگه نیاز به کد اضافی دیگه ای نیست اما همونطور که می دونید هر مرورگری از فونت خاص خودش استفاده میکنه مثلا IE از EOT و مرورگرهای جدید از TTF و فایر فاکس اگه فونتی با فرمت WOFF باشه اونو دریافت میکنه و اگه فایلی با این نام آپلود نشده باشه به سراغ فرمت TTF میره ولی پیشنهاد نمیکنم مثلا WOFF رو پاک کنید تا از TTF استفاده کنه چون WOFF توسط 2 فرد داوطلب با همکاری فایرفاکس ساخته شده و حجمش حدودا نصف فرمت های دیگه هست همچنین میشه حق نشر فونت رو توی اون حفظ کرد ولی برای موارد امنیتی از این فونت استفاده نکنید.
    شما باید سایتتونو توی مرورگرهای مختلف تست کنید و اگه مثلا با وجود این سه فونت در مرورگر سافاری فونت ها درست دیده نشد نگران نشید چون خیلی ها فرمت SVG رو مهم نمیدونن در صورتی که فرمت اصلی برای وب در این مرورگر همین SVG هست ولی در نسخه 4.2 و بعد از اون این مشکل کاملا حل شده و اگه فرمت SVG رو لحاظ نکرده باشید میاد و مثل مرورگر های اپرا، کروم، کومودو از TTF استفاده میکنه ولی نکته ای که می مونه اینه که میاین هر 4 تا فرمت رو آپلود میکنید و کدها رو هم درست قرار میدید و کاملا هم مطمئنید که مشکل از شما نیست و توی تمام مرورگرها درست نشون داده میشه اما توی IE نه!!! (ممکنه مرورگرهایی مثل مکستون و اوانت تک هسته ای، که از موتور این مرورگر استفاده میکنند هم اینطور باشند) خب بازم نگران نباشید و دو تا مطلبی رو که میگم اگه اصلاح کنید مشکلتون حل میشه
    اول اینکه بیاید قبل از فراخوانی هر فونتی، فونت فیسشو بنویسید چون در غیر این صورت، ممکنه فونت دانلود بشه اما نشون داده نشه
    دوم این که همیشه فونت EOT رو در خط اول و مابقی فونت ها رو بعد از اون قرار بدید تا در تمام مرورگر ها درست دیده بشه (علتشو پایین تر میگم)
    اما بازم یه نکته ای هست اگه EOT رو به صورت معمولی بنویسید و مرورگر کاربر حداقل IE9 نباشه و باز هم این مشکل وجود داشته باشه میتونید بعد از آدرس فایل EOT و قبل از بسته شدن دابل کوتیشت در URL یه علامت سئوال انگلیسی و بعد از اون یه علامت شارپ استفاده کنید و هیچ فاصله ای نذارید و بعدش با دابل کوتیشن آدرس رو ببندید
    مثال:
    src:url(‘fonts/yekan.eot?#’) format(‘eot’)
    که اگه این کارو نکنید و اگه مرورگر کاربر اینترنت اکسپلورر باشه و ورژنش کمتر از 9 باشه به اشتباه همه فونت ها رو دانلود میکنه و فونت آخری رو اصلی در نظر میگیره ولی چون نمیتونه از فرمتش استفاده کنه فونت رو بد نشون میده و حتی نمیتونه از فونت EOT که خودش دانلود کرده استفاده کنه
    اینجاست که اهمیت مرورگرهایی مثل فایر فاکس مشخص میشه چون به صورت هوشمند میاد اگه فرمت WOFF داشته باشه اونو دانلود میکنه اگه نه TTF و اصلا هم مهم نیست چه فونتی تو کدوم سطر تعریف شده و بقیه رو دانلود نخواهد کرد و تا جایی که من میدونم فقط مرورگرهایی بر پایه آی ایـ از EOT استفاده میکنن و بقیه نه.
    مرورگرهای فایرفاکس، اپرا و آی ایـ 9 و به بعد از WOFF کاملا پشتیبانی می کنند و بقیه مرورگرها در تلاش برای هماهنگی خود با این فرمت فشرده هستند
    سعی کنید از فونت فونت در ابتدای استایلتان استفاده نمایید
    اگه توضیحات بیشتری خواستید در خدمتم

    1. armin می گوید

      یک دنیا ممنون. می خواستم بی خیالش بدم اما با این پاسخ کامل دلم نیومد و دوباره انگیزه گررفتم روش کار کنم. :)

      من سایتم رو اینجوری تست میکنم ببینم فونتش درست شده یا نه چون رو سیستمم درست هست.
      http://www.sciweavers.org/free-online-web-to-image
      و ظاهرا درست هم نشده و فقط رو سیستم من درسته :(

      فکر میکنم توی این سینگل و دبل کوتیشن ها یه مشکلی وجود داره.
      این فونت فیس فقط رو سیستمم نشون میده. (کپی کنید تو نوت پد تا جهتش رو درست نشون بده)
      فونت ها رو اینجا ریختم: wp-content/themes/fonts
      ———
      @font-face {
      font-family: “B Homa”;
      src: url(‘/wp-content/themes/fonts/BHoma.eot’);
      src: local(‘B Homa’), url(‘/wp-content/themes/fonts/BHoma.woff’) format(‘woff’), url(‘/wp-content/themes/fonts/BHoma.ttf’) format(‘truetype’), url(‘BHoma.svg’) format(‘svg’);
      font-weight: normal;
      font-style: normal;
      }

      1. محمود می گوید

        آرمين جان به قولي “انسان ها شکست نميخورند بلکه دست از تلاش بر مي دارند”
        سايتي که شما ازش استفاده مي کنيد 1 استاندارد نيست 2 کند هست 3 حجم فايل هاي خروجيش زياده
        جهت تست آنلاين براي تمامي مرورگرها و سيستم عامل ها از آدرس زير استفاده کنيد:
        http://www.browsershots.org
        و براي تست در نسخه هاي مختلف اينترنت اکسپلورر از آدرس زير:
        http://www.netrenderer.com
        براي تست آفلاين در ويندوز از نرم افزار IETester استفاده کنيد
        پيشنهادم اينه که پوشه فونت در خود پوشه ي پوسته باشه به 3 علت:
        1. کوتاه شدن آدرس ها
        2. معلوم بودن وضعيت فايل ها مثل حجم و مکانشون
        3. بک آپ گيري راحت تر از تمام اجزاي مربوط به پوسته که فونت هم جزوشونه
        بعد از اينکه پوشه فونت رو در داخل خود قالب قرار داديد بيايد فونت هاتون رو حتي اگه داخل اسمش فاصله داره چه در اسم فونت و چه در کدهاي قالب فاصله شو برداريد
        ضمنا با روشي که ميگم لازم نيست براي هر خط کد، يه src: بنويسيد و فقط کافيه سطر اول يه بار src: رو بنويسيد و به جاي بستن آخر هر سطر، يعني بعد از تعريف فرمت فونت، از کاما استفاده کنيد. توي font-family هم بيايد به جاي دابل کوتيشن از تک کوتيشن استفاده کنيد و سعي کنيد قبل از نوشتن هر url به خط بعدي بريد و اين که شما فونت رو با فاصله تعريف کنيد اما اسم همون فايل، در آدرس مورد نظر، بي فاصله باشه مسلما مشکل ساز ميشه
        راستي منوهاي هدر سايتت در بعضي مرورگرها مخصوصا IE بد ديده ميشه، فيو آيکنت رو هم غير استاندارد قرار دادي، سايتت هم فاقد Dublin Core و Google Analytics هست، براي چند تا از تصاويرت alt تعريف نشده و آي پي سايتت درست به اسم سايتت ري دايرکت نميشه که باعث ايجاد محتواي تکراري ميشه، تو شبکه هاي مجازي فعال نيستي و يه چيز مهم اين که: براي سايتت تو توييتر اکانت نساختي که لينک به آدرست بدي و کلي مورد ديگه که با وجود عمر دامينت ميتوني رتبه و بازديد بهتري داشته باشي و اگه خواستي خبر بده تا “با همديگه” مشکلاتشو به کمترين حد برسونيم يکي از سايت هاي من “آساک دانلود” هست
        ببخشيد طولاني شد
        در مورد هر قسمت توضيحات جزئي تر خواستيد بفرماييد تا بگم
        این نظر رو دیروز گذاشتم اما انگار به دستتون نرسید

  152. armin می گوید

    ممنون از توضیحاتتون.
    چطور میتونم کاری کنم که اگر فونت روی سیستم کاربر وجود داشت دیگه روی سیستم لود نشه؟! چون من از دو فونت متداول استفاده می کنم و احتمالا هر دو روی سیستم کاربر هست و حدود ۱۲۰ کیلو میشه که حجم زیادیه .

    1. آرش حیدری می گوید

      خوب اگه فونت های فابریک ویندوز باشه مثل tahoma که اصلا نیازی نیست ولی هر فونت دیگری به جز فونت های خوده ویندوز باشه رو توصیه اکید داریم که آدرس بدین ، چون بالاخره هنوز کلی سیستم تو این کشور هست که حتی دارن با ie6 کار میکنن !!
      من راستش بلد نیستم اونطوری رو حالا اگر دوستان بلدن کمک کنن ما هم یاد بگیریم !!

      1. armin می گوید

        در واقع منظورم فونتهای غیرفابریک اما متداول هست. یعنی فونتهای سری B. می خوام طوری باشه که رو سیستم هایی که این فونتها نصب هست از روی لوکال خونده بشه و اگه روشون نصب نبود از وب و آدرسی که واسش تعریف شده بیاد.
        البته فکر کنم تونستم این کار رو با همون سطری که نوشته شده local انجام دادم. مطمئن نیستم.

  153. سارا می گوید

    سلام من همین کد رو میذارم اما فونت رو نشون نمیده
    اسم این مهمه چه جوری باشه؟
    local(‘b BYekan’),
    مثلا اسم این فونت BYekan هست توی لوکال یک b کوچیک قبل اسمش هست مهمه این چی باشه؟

    1. آرش حیدری می گوید

      سلام ، خوب شما دارین اشتباه آدرس اون فونت رو میدین.
      مابین حروف نام فونت space هم نباید باشه.

  154. علی می گوید

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

    @font-face {
    font-family: ‘BYekan’;
    src: url(‘/fonts/BYekan.eot’);
    src: local(‘b BYekan’), url(‘fonts/BYekan.woff’) format(‘woff’), url(‘fonts/BYekan.ttf’) format(‘truetype’), url(‘BYekan.svg’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
    }

    1. آرش حیدری می گوید

      خیلی ممنون ، لطف کردی
      یاد گرفتیم از شما استاد

  155. علی می گوید

    اگر بخواهیم دو نوع فونت استفاده کنیم کد اول را چگونه وارد کنیم؟

    1. آرش حیدری می گوید

      راستش نمیدونم ؟!! ولی سرچ میکنم اگه فهمیدم میگم بهت !

    2. محمود می گوید

      بعد از آپلود فونت ها، به تعداد فونت ها، فونت فیس تعریف کن به فرض: اگه یه فونت داری یکی و اگه 4 تا داری 4 تا فونت فیس تعریف کن و هر جا خواستی فراخوانی کن.
      راستی بهتره به قبل و بعد از تک کوتیشن تو تعریف یه فونت خاص، توی قسمت font-family یه دابل کوتیشن هم استفاده کنی مثلا درستش اینه:
      font-family : “‘BYekan'”;
      توضیحات بیشتر خواستید بفرمایید.

      1. آرش حیدری می گوید

        خیلی ممنون محمود جان

  156. علی می گوید

    مرامتو عشقه! خیلی با این مطلب حال کردم دستت درست

  157. شهابک می گوید

    سلام مطلب بسیار خوب و مفیدی بود یه سوال اگه من بخوام از چند فونت فارسی استفاده کنم مثلاً H1 رو با یکان و H2 رو با فونت دیگری نشون بدم … اونوقت تغییری در اون کدی که باید در استایل قرار بدم ایجاد میشه یعنی باید هر دو فونت درش تعریف بشه؟

    ممنون

    1. محمود می گوید

      سلام شهابک جان
      شما هر تعداد فونت میتونید داخل قالبتون تعریف کنید به شرطی که برای هر فونت فایل های مورد نظر رو داخل پوشه فونت هاتون قرار بدین و داخل فونت فیس هم اسم و آدرسشو ذکر کنید بعد میتونید هر جایی اونو فراخوانی کنید ولی در نظر داشته باشید که استفاده از فونت های زیاد به دلیل بیشتر شدن درخواست ها و حجم بالای هر فونت باعث کندی سایتتون میشه برای همین بهتره در کنار اون فونتتون که داخل فونت فیس تعریف کردین مابقی رو از فونت های رایج که نیازی به قرار دادن فایل در قالب نداره و تمام مرورگرها ازش پشتیبانی میکنند استفاده کنید.

      1. آرش حیدری می گوید

        آقا محمود حرفی برای گذاشتن نزاشتن !
        مرسی محمود جان
        اگر باز مشکلی بود آقا/خانم شهابک !! بگید راهنمائی کنیم

      2. شهابک می گوید

        مرسی پاسخم را کامل گرفتم

  158. erfan می گوید

    سلام
    خوفی سلامتی
    خش حالی؟
    صورتتو زیــــــــــــــــــاد روتوش کردی شیطون!:D

    1. آرش حیدری می گوید

      آره یکم !! آموزشش هم تو سایت گذاشتم اگر چه من تو سایت کار گرافیک نمی کنم !!!
      http://doctorwp.com/71/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b1%d9%88%d8%aa%d9%88%d8%b4-%d9%88-%d8%a7%d8%af%db%8c%d8%aa-%d8%b5%d9%88%d8%b1%d8%aa-%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be.html

  159. امیرحسین می گوید

    سلام:
    بلد نشدیم استفاده کنیم !
    مرسی !!!!

    1. محمود می گوید

      سلام
      امیر حسین جان هر چند دوست خوبمون آرش خان خیلی ساده و خوب توضیح داده اما اگه خواستی خبر بده خوشحال میشم کامل توضیح بدم و کد ها رو براتون تریس کنم تا راحت تر یاد بگیری چون کار با فونت ها خیلی مطلب کاربردی و مفیدی هست.

      1. امیرحسین می گوید

        با سلام:
        محمود جان اگر ممکنه یکمی برام بیشتر و واضح تر توضیح بدین
        خیلی ممنون میشم
        باتشکر

      2. محمود می گوید

        سلام
        امیر حسین جان جواب به ایمیلتون ارسال شد
        سپاس

      3. آرش حیدری می گوید

        من دیر رسیدم یکم !!
        اگر مشکل حل نشده هنوز بیشتر بتوضیحم ؟!

  160. محمود می گوید

    سلام
    استفاده بردیم
    مرسی

    1. آرش حیدری می گوید

      قابلی نداشت دوست عزیز !

  161. محمد می گوید

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

    1. آرش حیدری می گوید

      مرسی
      شما هم همچنین!

  162. پسرآبادانی می گوید

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

    1. آرش حیدری می گوید

      قابلی نداشت !

  163. امیر کبیر می گوید

    عالی بود کار پسندیده ای کردی که فونتها را قرار دادی

    1. آرش حیدری می گوید

      قابلی نداشت دوست عزیز

  164. حسين می گوید

    سلام
    دستت درد نكنه آرش

    موفق باشي

    1. آرش حیدری می گوید

      خواهش میکنم قابلی نداشت !

      1. میلاد می گوید

        بابا اقا ارش یه کمی قشنگ تر توضیح بده
        1.پوشه wp-content کجاست؟؟؟
        2.شیوه نامه چیه؟
        3.دقیقا باید چی جوری فونت های دلخواه رو توی قسمت فونت وبلاگ گذاشت؟ قشنگ توضیح بدید چون من اقا شهاب مبتدی تر هستم

      2. آرش حیدری می گوید

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

      3. بهراد می گوید

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

  165. شهاب ضیائی می گوید

    ممنون از پاسخ دقیقتون!
    من طراحی سایت شما رو واقعا می‌پسندم و اونو یک نمونه خوب از وبلاگ‌های تحت وردپرس می‌دونم. تنها چیزی که به نظرم میاد اینه که قسمتی برای جست‌وجو در اون در نظر نگرفتید یا لااقل من نتونستم پیداش کنم!
    امیدوارم موفق باشید!

    1. آرش حیدری می گوید

      تشکر اطف داری
      خوب راستش الان فقط چند هفته میشه سایت بالا اومده مطالبه زیادی نداره.قالب منم مینیمالیست هستش (یعنی کاملا ساده و خلاصه و مفید ) دیگه آرشیو ماهانه و جستجو و … نذاشتم !
      ولی بجاش موضوعات طبقه بندیه میشه راحت به مطلب دسترسی داشت.یکم مطالب زیاد شه جستجو هم میزارم الان بزارم همش میگه “مطلبی پیدا نشد !! ”
      موفق باشی عزیز

  166. شهاب ضیائی می گوید

    سلام، من کاملا مبتدی هستم و پس از خوندن مقاله شما سوالات بسیاری برای من به وجود اومد. مثلا فونت‌ها رو دقیقا باید کجا داخل یک پوشه آپلود کنم؟ یا این کد رو به این شکل دقیقا باید در کجا قرار بدم؟ منظورتون از شیوه‌نامه چی هست؟
    ممنون می‌شم اگه کمک کنید تا فونت‌های وبلاگ وردپرسم رو تغییر بدم.

    1. آرش حیدری می گوید

      سلام شهاب جان
      1-مهم نیست فونت ها کجا آپلود شه هر جادوست داشتی !!
      2-تو پوشه wp-content دوباره پوشه theme این بار اسم پوشه قالبتون حالا یه فایلی هست به اسم style.css به اون کدهای شیوه نامه رو اضافه کن
      3-شیوه نامه = استایل = style.css !!
      4-باید بری دوباره با شیوه نامه این سری کده font: 20px BYekan,
      Tahoma, Geneva, sans-serif;
      را برای هر متنی که دوست داری فونتش عوض شه اضافه کنی
      سوالی بود باز در خدمتم
      موفق باشی عزیز

ارسال یک پاسخ

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