فونت فارسی در طراحی وب

شروع موضوع توسط nooshin88 ‏19 ژوئن 2017 در انجمن مسایل عمومی طراحی و توسعه‌وب

  1. nooshin88

    nooshin88 Member

    ارسال‌ها:
    46
    تشکر شده:
    3
    امتیاز دستاورد:
    8
    از جمله محدودیت‌های وب نداشتن فونت مناسب برای زبان پارسی است. بسیاری از سایت‌هایی که به زبان فارسی هستند اغلب از چند فونت رایج مانند Tahoma و یا Arial استفاده می‌کنند.
    اما می‌توان این محدودیت را با استفاده از فونت‌های فارسی که برای وب طراحی شده‌اند از میان برداشت. با استفاده از این فونت‌ها در طراحی وب سایت می‌توانید جلوه‌ی زیباتری به سایت خود دهید. برای این کار موارد زیر را انجام دهید.
    ابتدا فایل زیر را دانلود کرده و آن را از حالت فشرده خارج کنید.

    دانلود فایل

    پوشه fonts را در جای مناسب کپی کنید.
    کد زیر را میتوانید در ابتدای فایل css خود وارد کرده یا در فایل html وارد کنید.

    در ابتدای فایل css:
    کد (Text):

    @font-face {
      font-family: 'BBadr';
      src:
        url('fonts/BBadr.eot?#') format('eot'), /* IE6–8 */
        url('fonts/BBadr.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('fonts/BBadr.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */}
    [/cpde]

    در فایل html:

    <style type="text/css" media="all">
    [code]
    @font-face {
      font-family: 'BBadr';
      src: url('fonts/BBadr.eot?#') format('eot'),  /* IE6–8 */
           url('fonts/BBadr.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
           url('fonts/BBadr.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
    }

    </style>
     
    توجه کنید که برای هر فونتی که میخواهید استفاده کنید باید این کار را انجام دهید. در این مثال فونت BBadr اضافه شده است. برای اضافه کردن فونت جدید فقط کافیست این خطوط را کپی کنید و نام فونت جدید را جایگزین کنید.

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

    برای مثال می‌توانید فونت اصلی بدنه را در فایل css اینگونه تعریف کنید.

    کد (Text):

    body {font-family: 'BBadr';}
     
    فونت نازنین:
    به نام خداوند جان و خرد *** کزین برتر اندیشه برنگذرد
    فونت یکان:
    به نام خداوند جان و خرد *** کزین برتر اندیشه برنگذرد
    فونت ترافیک:
    به نام خداوند جان و خرد *** کزین برتر اندیشه برنگذرد

    مثال‌ها بیشتر در فایل ضمیمه شده موجود می‌باشد.

    منبع: طراحی سایت
     
    نوشته شده توسط nooshin88 در ‏19 ژوئن 2017
  2. auxac

    auxac New Member

    ارسال‌ها:
    2
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    از جمله فونت هایی بسیار زیبا برای فارسی فونت IRANSans هست. واقعا جلوه سایت را زیبا می کند
    پیشنهاد می کنم حتما امتحان کنید
     
    نوشته شده توسط auxac در ‏21 ژوئن 2017
  3. aligolii

    aligolii Member

    ارسال‌ها:
    153
    تشکر شده:
    15
    امتیاز دستاورد:
    18
    فونت فقط iryekan
     
    نوشته شده توسط aligolii در ‏7 جولای 2017

به اشتراک بگذارید