ساخت آسان فونت دلخواه وب

به کمک ویژگی font-face@ تو CSS میشه با بکارگیری فونت دلخواه، صفحات زیبا و زنده‌تری رو به بازدید کننده نمایش داد. سرویس مینیمال و رایگان سایت CodeAndMore کار تولید فایل و کدهای مورد نیاز این کار رو بصورت استاندارد برای شما انجام میده.

بعد از آپلود، پکیجی شامل فونت تبدیل شده با ۴ فرمت و یک فایل HTML با نام قلم مورد نظر تحویل می‌گیرین که کدهای مخصوص سی اس اس هم داخلشه (خط ۷ تا ۱۶). بطور مثال:

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

با اضافه کردن کد مشابه عبارتهای بالا به استایل (ترجیحا ابتدای کدها) و قرار دادن فونتهای دانلود شده کنار این فایل میتونین از فونت دلخواه و ایرانی‌تر خودتون استفاده کنین!

با تشکر از CodeAndMore Font-Face Generator 😉

4 تیر 1391 | دسته: گوناگون | ۱۳ دیدگاه