بسم الله الرحمن الرحیم

شاید بیشتر شما دوستان عزیز با وب فونت آشنایی داشته باشید، وب فونت درواقع یک روش برای نشان دادن متن های یک وب سایت با قونت های اختصاصی و مورد نظر شما است

همانظور که شما می توانید در نوشتن متن های خود در برنامه Word از فونت های متفاوت استفاده کنید این امکان در وب نیز وجود دارد

گوگل نیز فونت های زیبایی را برای شما البته و طبیعتا فونت های انگلیسی را برای شما طراحی کرده است که متاسفانه منظور از شما در این متن کشور ایران نیست و برای استفاده از این ویژگی به دلیل تحریم بودن باید از نرم افزاری برای تغییر آی پی استفاده کنید

آدرس بخش وب فونت گوگل

https://www.google.com/fonts

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

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

http://www.fontsquirrel.com/tools/webfont-generator

http://www.font2web.com

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

ابتدا فونت را در مسیری مشخص قرار دهید و با دستور CSS زیر فونت ها را به وب سایت خود معرفی کنید

@font-face{ 
	font-family: 'MyWebFont';
	src: url('WebFont.eot');
	src: url('WebFont.eot?#iefix') format('embedded-opentype'),
	     url('WebFont.woff') format('woff'),
	     url('WebFont.ttf') format('truetype'),
	     url('WebFont.svg#webfont') format('svg');
}

در خط دوم اسم فونت خود را MyWebFont قرار  داده ایم حال مانند تمامی فونت های دیگر این فونت را به المان مورد نظر خود انتساب می دهیم

p { font-family: 'MyWebFont', Arial, sans-serif; }

بسم الله الرحمن الرحیم

با استفاده لینکهای زیر می توانید مثالهای  زیبا برای طراحی چک باکس و رادیوباتن در صفحات وب را آموزش ببینید و نمونه های ایجاد شده را مشاهده کنید

مثال اول

مثال دوم

مثال سوم

بسم الله الرحمن الرحیم

در این آموزش یک مثال ساده از طراحی یک چک باکس زیبا برای صفحات وب آموزش خواهید دید

برای مشاهده کد و مثال لطفا اینجا کلیک کنید