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

خب ابتدا باید بدونیم وقتی میخوایم کد css بنویسیم خارج از فایل مخصوصش باید کدها رو بین دو تگ <style></style> قرار بدیم ، بدین صورت :

<style>
محل قرارگیری کدهای css
</style>

خب اول باید بدونیم که چطوری خانواده فونت رو تعریف کنیم . برای این کار از تگ font-family استفاده میکنیم ، بدین صورت :

font-family:tahoma, byekan;

همین طور که دیدید برای تعریف چند فونت به عنوان خانواده اونها رو با کاما از هم جدا کردیم .

خب قدم بعدی تعریف سایز فونت هست ، بدین صورت با کمک تگ font-size :

font-size:12px;

البته به جای واحد پیکسل (px)  میتونید از em هم استفاده کنید که البته به نظر من کار با px بسیار راحت تره و بهتر .

خب قدم بعدی تعریف رنگ برای متن هست با کمک تگ color ، بدین صورت :

color:#000;

به جای #000 میتونید کد رنگ دلخواهتون رو قرار بدید یا از انگلیسی رنگ استفاده کنید البته رنگ های رایج مثلا : قرمز (red) ، بنفش (purple) و ....

خب قدمی بعد بولد کردن متن هست که با کمک تگ font-weight صورت میگیره ، بدین صورت :

font-weight:bold;

البته به جای bold ، میتونید bolder یا normal یا اعدادی از 100 تا 900 قرار بدید که ضخامت فونت رو تعریف میکنه .


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

X
آموزش تعویض آیکون های انجمن
در این آموزش خواهید توانست که آیکون های انجمنتون رو با آیکون های متنی Font-Awesome جایگزین بکنید ...
آموزش
دیدگاه های کاربران 3
ارسال: 2
جواد جان شرمنده دخالت میکنم ولی :
فراخوانی یک فونت :
<style>
@font-face{
src:url('address');
}
</style>


مثل :
@font-face {
font-family: 'BYekan';
src: url('fonts/BYekan.eot?#') format('eot'),
url('fonts/BYekan.ttf') format('truetype'),
url('fonts/BYekan.woff') format('woff');
}
ارسال: 3
(2014-03-30T19:56:21+00:00 2014-03-30T19:56:21+00:00)Amir-Me نوشته :  جواد جان شرمنده دخالت میکنم ولی :
فراخوانی یک فونت :
<style>
@font-face{
src:url('address');
}
</style>


مثل :
@font-face {
font-family: 'BYekan';
src: url('fonts/BYekan.eot?#') format('eot'),
url('fonts/BYekan.ttf') format('truetype'),
url('fonts/BYekan.woff') format('woff');
}
hامیر جان اگر دقت کنی این آموزش جزو مجموعه آموزش های css است که اگر یکم نگاه می کردی می دید قسمت بعدی هم زده شده است.
http://community.mybbco.ir/Thread-%D8%A2...9%88%D9%85
بعدشم عزیزم شما اصلا نگفتی فراخانی یک فونت یعنی چی! این آموزش(به ظاهر) در سری لیندا که من حدود 1 سال پیش دیدم 40 دقیقه فقط حرف میزد و توضیح می داد که این چیه و چه چیزهایی لازمه!!!

نحوه ی آموزش شما کاملا اشتباهه!(کسی که css بلد نیست از کجا بدونه فراخانی فونت منظورش چیه! یعنی یک فونت رو خوندش،تعریفش کرد،وارد صفحه اش کرد و.......)

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

نقل قول: @font-face{
src:url('address');
}

این کد اشتباهه.
1- نه اسم فونت رو تعریف کردین(داخل مثال تعریف کردین ولی شخصی که یاد می گیره از کجا بدونه منظور چیه)
2- نگفتین که چند نوع فرمت برای مرورگر های مختلف باید زده بشه..

و مشکلات دیگه

پاسخ مسئول
ارسال: 4
آموزش کامل استفاده از فونت فارسی در صفحات وب توسط ایمان عزیز قبلا قرار داده شده است :

آموزش استفاده از فونت فارسی در وب با CSS

image

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