ably ably برای هدایت شدن به سایت جدید اینجا کلیک کنید

آموزش برنامه نویسی

آموزش برنامه نویسی وب، اندروید، ویندوز , اسکیوال و...
Tell: 0912 097 5516
| Email: Hello@EduOnline.ir

وب فونت

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

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

همانظور که شما می توانید در نوشتن متن های خود در برنامه 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; }

نظرات (۰)

هيچ نظري هنوز ثبت نشده است
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی
up
ما را در گوگل محبوب کنید