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

زمان جاری : جمعه 21 مرداد 1401 - 7:08 بعد از ظهر

پاسخ جدید

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

تعداد بازدید 816

نویسنده پیام

iman

ارسال‌ها : 62

عضویت: 12 /8 /1393

محل زندگی: K@rAj

سن: 14

شناسه یاهو: imanbabaei7979

تشکرها : 10

تشکر شده : 94

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

درود،
میخوام یه مطلب آموزشی بزارم که مفید هم باشه و امیدوارم مفید باشه ..

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

برای اینکار دوتا سایت مناسب نیاز دارید که من این دو رو به شما پیشنهاد میکنم :

1. Generate Web Fonts, Create Web Fonts - svg, woff, eot, ttf, css - font-face generator
2.http://www.web-font-generator.com/

و خب دیگه استفاده از سایتای بالا سادس .. شما فونت مورد نظرتون رو داخل سایت بارگذاری میکنید و سایت فرمتای مناسب وب رو به شما میده ..! و بعد از اون به فایل های سی اس اس استایلتون برید و با این کدها فراخوانی کنید فونت ها رو :

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

و خب جای fontname نام فونت خودتون رو میدید یا میتونید هر نامی بدید .. فقط دقت کنید در هرجای استایل بخواید فونت بدید به نوشته ای ... از این اسم استفاده میکنید ..!
و به جای yourfontaddress ادرس فونت خودتون رو میدید ..!
خب فونت ها رو به قالب معرفی کردیم ... یه مثال برای اینکار بزنیم ..!
مثلا یه قسمت داریم داخل استایل به این شکل :

کد:
<div class="cssnevis">سی اس اس نویس</div>

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

کد:
.cssnevis{font-family:fontname;font-size:15px;}

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

امضا کاربر

وبلاگ شخصی من

دوشنبه 19 آبان 1393 - 14:46

تشکر شده:

2 کاربر از iman به خاطر این مطلب مفید تشکر کرده اند: saman & naserabdollah &

naserabdollah

ارسال‌ها : 18

عضویت: 16 /8 /1393

محل زندگی: SaRaVaN

سن: 17

شناسه یاهو: naserabdollah

تشکرها : 9

تشکر شده : 4

پاسخ : 1 RE آموزش ساخت فونت برای سایت به وسیله سی اس اس

خیلی لازمش داشتم ممنون

چهارشنبه 21 آبان 1393 - 08:32

afraz5

ارسال‌ها : 106

عضویت: 11 /8 /1393

تشکرها : 2

تشکر شده : 65

پاسخ : 2 RE آموزش ساخت فونت برای سایت به وسیله سی اس اس

تشکر

چهارشنبه 21 آبان 1393 - 10:06

پاسخ جدید

آپ کردن تازه سازی پاسخ ها

کلیک کنید !

برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.