اضافه کردن فونت خارجی به سایت
در طراحی وب سایت ما متوانیم از تعدادی فونت پیش فرض که در همه جی شناخته شده و معمولا در همه سیستم ها موجود است استفاده کنیم مثل : Arial
ولی گاها ما نیاز داریم تا از یک فونت دیگری نیز استفاده کنیم اما قبل این کار باید ان فونت را در سایت نصب کنیم در غیر این صورت در مرورگر های کاربران نمایش داده نمیشود
برای این کار کافی است این کد ها را در استایل های سایت بنویسم
برای مثال ما میخواهیم فونت Yekan را که در همیت سایت نیز مورداستفاده است به یک سایت پیوست کنیم
<html>
<head>
<style>
@font-face {
font-family: "Yekan";
src: url("fonts/Yekan.eot"); /* IE9 Compat Modes */
url("fonts/Yekan.woff") format("woff"), /* Modern Browsers */
url("fonts/Yekan.ttf") format("truetype"); /* Safari, Android, iOS */
}
<style>
</head>
<body>
</body>
</html>
در مقابل هر کدام معنی استفاده از خط کد برای ان نوشته شده
قبل این کار ما باید ابتدا فونت مورد نظر را جستجو و دانلود نمائیم
بغد از دانلود فرض کنید ما فونت ها را در فولدری به نام Fonts قرار میدهیم
سپس انها را توسط تکه کد یاد شده در پروژه و وبسایت خود ادد میکنیم
ولی گاها ما نیاز داریم تا از یک فونت دیگری نیز استفاده کنیم اما قبل این کار باید ان فونت را در سایت نصب کنیم در غیر این صورت در مرورگر های کاربران نمایش داده نمیشود
برای این کار کافی است این کد ها را در استایل های سایت بنویسم
برای مثال ما میخواهیم فونت Yekan را که در همیت سایت نیز مورداستفاده است به یک سایت پیوست کنیم
<html>
<head>
<style>
@font-face {
font-family: "Yekan";
src: url("fonts/Yekan.eot"); /* IE9 Compat Modes */
url("fonts/Yekan.woff") format("woff"), /* Modern Browsers */
url("fonts/Yekan.ttf") format("truetype"); /* Safari, Android, iOS */
}
<style>
</head>
<body>
</body>
</html>
در مقابل هر کدام معنی استفاده از خط کد برای ان نوشته شده
قبل این کار ما باید ابتدا فونت مورد نظر را جستجو و دانلود نمائیم
بغد از دانلود فرض کنید ما فونت ها را در فولدری به نام Fonts قرار میدهیم
سپس انها را توسط تکه کد یاد شده در پروژه و وبسایت خود ادد میکنیم