آموزش استفاده از فونت دلخواه در صفحات وب توسط CSS3

برای بسیاری از طراحان وب مسئله پیدا کردن فونت (قلم) مناسبی که در عین خوانا و زیبا بودن برای همه قابل استفاده باشد, یعنی در سیستم تمام بازدید کننده ها موجود باشد, یک مسئله جدی و گاها دشوار بوده است. این محدودیت بعضی مواقع سدی در برابر خلاقیت طراحان وب بوده است.

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

در این تکنولوژی جدید که در برخی مرورگرهای وب پشتیبانی می شود, طراح وب به مرورگر فرمان میدهد که از یک آدرس خارجی فونت مخصوصی را بارگذاری کرده و در قسمت مشخصی از نوشته از آن استفاده کند. این قابلیت که بخشی از CSS3 خواهد بود به صورت زیر قابل استفاده است. برای استفاده از کد ها باید در فایل CSS (استایل) قالب سایتتون اول فونت های مورد نیاز را به مرورگر خود آدرس دهی کنید و سپس با استفاده از کد فراخوانی فونت مورد نظر در تگ های مورد نیاز خود استفاده کنید.

@font-face {

          font-family: 'b koodak';

          src: url('BKoodkBd.eot');

          src: local('☺'), url('BKoodkBd.ttf') format('truetype');

}

بعد از قرار دادن کد بالا در استایل قالبتون سپس باید قسمتی که می خواهید فونتش عوض بشود باید کد زیر را درون استایلش وارد کنید.

font-family: b koodak,Tahoma,serif;

در این آموزش ما از فونت Bkoodak استفاده کرده ایم که شما می توانید از هر نوع فونتی که دوست دارید استفاده نمایید.

/ 0 نظر / 28 بازدید