فونت سایت

[رضاندیمی]

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

[رضاندیمی]

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

[YasinDesign]

اگر با دستور font-face به صورت استااندارد برای تمامی مرورگرها وارد کنید برای همه نمایش میده

[رضاندیمی]

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

[YasinDesign]

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

قدم اول : فونت مورد نظر را به 3 فرمت eot . ttf و woff تبدیل کنید . با سایت های آنلاین میشه.

قدم دوم : فونت ها را توی پوشه ای بریزید.

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

کد: (انتخاب همه)

@font-face {
    font-family: 'yekan';
    src: url('../fonts/BYekan.eot');
    src: url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BYekan.woff') format('woff'),
         url('../fonts/BYekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[/code]
در کد بالا در قسمت font-family: 'yekan'; به جای yekan هر اسمی میخوایید برای فونتتون بزارید.
ولی گزینه های بعدی باید اسم فونت موجود در پوشه باشه

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

کد: (انتخاب همه)

font-family:'yekan';

تموم شد. . تشکر و اعتبار یادتون نره

[رضاندیمی]

آخرین جمله رو متوجه نشدم،یعنی تو همه ی کلاسها اینو
font-family:'yekan';
بنویسم؟
میشه اینو خوب و کامل توضیح بدید؟

[YasinDesign]

ببین مثلا اگه میخوای فونت کل سایتت بی نازنین باشه توی css توی body کد زیر را بزرن

کد: (انتخاب همه)

font-family:'nazanin';

حالا مثلا میخوای فونت تمام h2 ها بشه b yekan

کد: (انتخاب همه)

h2{
font-family:'yekan';
}

گرفتی چی شد ؟

[رضاندیمی]

اوکی حالا شد امتحان میکنم نتیجه رو اعلام میکنم مسترجان.
مرسی

[رضاندیمی]

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

[رضاندیمی]

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