امروز پنجشنبه ۱۴۰۰/۰۱/۲۶

2021/04/15 GMT +4:30

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

css-farsi-font-face

یکی از قابلیت های خوب افزوده شده به CSS در نسخه 3، امکان استفاده از فونت هایی است که پیش از این تنها در سیستم عامل کاربران قابل نمایش و استفاده بودند، چرا که در وب به طور معمول تنها فونت های خاصی که در تمام سیستم عامل ها نصب و قابل اجرا هستند، پشتیبانی می شود و بقیه موارد به صورت پیش فرض (به طور مثال با فونت Arial) نمایش داده خواهند شد، از این رو توسعه دهنده گان CSS، به فکر راه حل این مشکل افتادند تا اینکه در نسخه سه خاصیتی با نام font-face@ معرفی شد، البته در ادامه خواهیم دید که استفاده از این خاصیت آنچنان هم به سادگی حالت معمول تعریف یک فونت نیست و به اصطلاح ریزه کاری هایی دارد.

مزایا و معایب استفاده از فونت فارسی در وب


قبل از پرداختن به ادامه آموزش، بد نیست به طور مختصر به مزایا و معایب استفاده از فونت فارسی در وب بپردازیم، همان طور که می دانید فونت های از پیش تعریف شده و استاندارد وب (فونت های امن وب!) برای زبان فارسی محدود به چند نوع (از جمله Tahoma ، Arial و...) است، از این جهت استفاده از سایر فونت ها به دلیل تنوع، زیبایی و کمک به خواناتر شدن مطالب می تواند مفید باشد، اما متاسفانه این کار موجب افزایش حجم کلی صفحه نیز خواهد شد، چرا که اکثر فونت ها معمولا حجمی بیش از 30 کیلوبایت دارند و این در مجموع باعث کندتر شدن سرعت بارگذاری صفحات می شود، البته شاید در نگاه اول این اندازه چندان به چشم نیاید، اما وقتی حجم سایر المان ها، استایل ها و فایل های جاوا اسکریپت احتمالی را به آن اضافه کنیم، در مجموع قالب سایت یا وبلاگ به اصطلاح سنگینی از لحاظ حجم خواهیم داشت، از طرفی مخصوصا در مورد فونت های فارسی و در برخی مرورگرها، ظاهرا برای کاراکترهای خاصی، هنوز مشکلاتی وجود دارد، لذا توصیه می شود از این قابلیت بر اساس نیاز و با سنجش سایر شرایط گفته شده استفاده شود.

آشنایی با خاصیت font-face@ در css3


همان طور که گفتیم، خاصیت font-face@ برای پایان دادن به محدودیت استفاده از فونت های خاص در وب تعریف شده است، اما متاسفانه این خاصیت به طور کامل تنها در برخی مرورگر ها و در نسخه های به روزتر آنها پشتیبانی می شود (البته با روشی که در ادامه خواهیم دید، می توان با ترفندهایی در سایر مرورگرها نیز از آن استفاده کرد)، مرورگرهای فایرفاکس، اپرا، گوگل کروم و سافاری از این خاصیت به صورت پیش فرض پشتیبانی می کنند (از دو نوع فرمت ttf. یا TrueType و otf. یا OpenType)، مرورگر اینترنت اکسپلورر از نسخه 9 به بعد خاصیت font-face@ را پشتیبانی می کند (البته تنها از فونت های با فرمت eot. یا Embedded OpenType) و در نسخه های قدیمی تر باید متوصل به هک های css شویم، ضمن اینکه مرورگرهای جدید از فرمت دیگری با نام woff. یا (Web Open Font Format) نیز استفاده می کنند، لذا در مجموع برای اینکه فونت های فارسی در تمام مرورگرها به یک شکل دیده شوند، باید سه نوع فرمت متفاوت در دسترس مرورگر باشد (شامل فرمت ttf. یا otf.، فرمت eot. و فرمت woff.)؛ البته هر مرورگر تنها از یکی از این فونت ها استفاده و به اصطلاح آن را بارگذاری می کند، ذکر این نکته نیز ضروری است که پیش تر مرورگرهای سیستم عامل iOS که مربوط به شرکت Apple و به طور خاص iPhone است، تنها از فرمتی به نام svg. یا Scalable Vector Graphics استفاده می کردند (از فرمت svg. هم در کارهای گرافیکی و هم ایجاد فونت استفاده می شود) که در نسخه های جدید، این استاندارد شامل فرمت ttf. هم شده است؛ جدول زیر لیست مرورگرها و فونت های پشتیبانی شده توسط آنها را نشان می دهد.
css-font-face-support

نحوه تبدیل فونت های فارسی برای استفاده در وب


همان طور که در بالا ملاحظه کردید، برای نمایش صحیح فونت فارسی در تمام مرورگرها، ناچارایم از چهار فرمت متفاوت استفاده کنیم؛ از آنجایی که در حالت معمول فونت های با پسوند ttf. در دسترس هستند، سایر فرمت ها را باید با تبدیل این فایل بدست آوریم، برای تبدیل، چندین سرویس آنلاین در وب وجود دارد که البته متاسفانه در مورد فونت های فارسی، تنها برخی آن هم از فرمت های خاصی به درستی پشتیبانی می کنند، از جمله موارد زیر که فایل های فونت را به فرمت های متفاوت تبدیل می کنند.
سرویس آنلاین برای تبدیل فرمت، سازگار با فونت های فارسی (به جزء فرمت eot.):
www.onlinefontconverter.com
سرویس آنلاین برای تبدیل فرمت، سازگار با فونت های فارسی (تنها فرمت eot.):
www.font2web.com
سرویس آنلاین برای تبدیل فرمت، سازگار با فونت های انگلیسی :
www.fontsquirrel.com/fontface/generator
کافی است فایل با فرمت ttf. را در این سرویس ها آپلود کنید تا در کم ترین زمان، فایل های مورد نیاز برای استفاده در وب را دریافت نمائید، توجه داشته باشید که سرویس های زیادی به صورت آنلاین و رایگان در وب این کار را انجام می دهند که تنها برخی از آنها قادر به پشتیبانی از فونت های فارسی (و معمولا برخی فرمت ها) هستند، برای اطمینان، حتما پس از تبدیل فرمت آنها را با آزمون و خطا تست کنید.
نکته: برای کار با این سایت ها، از برنامه های جانبی مانند Download Manager استفاده نکنید.

نحوه استفاده از font-face@ برای نمایش فونت فارسی


اکنون که با جزئیات کار با خاصیت font-face@ در css3 آشنا شدیم، نوبت به مرحله کدنویسی و تعریف این خاصیت در استایل css است، بدین منظور کافی است در ابتدای فایل css خود (یا درون تگ style در حالت استایل css بدون فایل خارجی) فونت خود را به مرورگر معرفی کنیم:
@font-face {
    font-family:'BYekan';/*تعریف یک نام برای فونت*/
    src:url('BYekan.eot');/*اکسپلورر 9 به بعد*/
    src:local('bYekan'),/*بررسی نصب بودن فونت در سیستم کاربر*/
        local('b Yekan'),/*برای برخی از مرورگرها مانند سافاری*/
        url('BYekan.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
        url('BYekan.woff') format('woff'),/*مرورگر های جدید*/
        url('BYekan.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
        url('BYekan.svg#BYekan') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
    font-style:normal;
    font-weight:normal;
}
همچنین می توانید در هر جای استایل، این کار را انجام دهید، اما در نظر داشته باشید که فونت شما ابتدا باید برای مرورگر تعریف شود، سپس در ادامه استایل، قابل استفاده است، برای استفاده از فونت، کافی است نام آن را در قسمت font-family اضافه کنید:
<style type="text/css">
@font-face {
    font-family:'BYekan';/*تعریف یک نام برای فونت*/
    src:url('BYekan.eot');/*اکسپلورر 9 به بعد*/
    src:local('bYekan'),/*بررسی نصب بودن فونت در سیستم کاربر*/
        local('b Yekan'),/*برای برخی از مرورگرها مانند سافاری*/
        url('BYekan.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
        url('BYekan.woff') format('woff'),/*مرورگر های جدید*/
        url('BYekan.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
        url('BYekan.svg#BYekan') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
    font-style:normal;
    font-weight:normal;
}
.post-titr{
    font-family:BYekan, Tahoma, Geneva, sans-serif;
}
</style>
توضیح:
- ابتدا برای فونت خود یک نام تعیین می کنیم (به صورت دلخواه) تا در استایل css خود از آن استفاده کنیم.
- سپس آدرس url فایل فونت خود را با فرمت eot. برای مرورگر اینترنت اکسپلورر 9 و مابعد مشخص می کنیم.
- در قسمت بعد، برای رفع مشکلات مرورگر اینترنت اکسپلورر 8 و ماقبل در این خصوص، از شیوه هک (با افزودن علامت های #?) استفاده می کنیم.
- عبارت مربوط به  local برای این است که اگر فونت مورد نظر در سیستم کاربر نصب بود، از همان فایل استفاده شود و محتوای اضافه از سرور دریافت نشود، دقت کنید که در این قسمت باید مشخصه شناسایی فونت درج شود که در بیشتر مرورگرها همان نام فایل است ولی در مرورگر سافاری، عنوان فونت باید درج شود (در بیشتر موارد نام فایل و عنوان فونت اندکی با هم تفاوت دارند).
- همان طور که در جدول بالا ملاحظه کردید، فایل ttf. در اکثر مرورگرها پشتیبانی می شود، لذا آن را نیز به استایل خود ضمیمه می کنیم (هر مرورگر بسته به سازگاری، به ترتیب، تنها از یکی از آدرس های src استفاده می کند).
- در قسمت آخر نیز، فایل svg را برای سازگاری با نسخه های قدیمی سیستم عامل iSO ضمیمه می کنیم (این کار با توجه به حل مشکل پشتیبانی از فرمت ttf. در نسخه های جدید، ضروری نیست).

مثال و پیش نمایش آنلاین


در کد زیر، جهت نمونه، از فونت فارسی BYekan که در حال حاضر بیشترین کاربرد را در وب دارد استفاده کرده ایم.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>وبگو | استفاده از فونت فارسی در وب</title>
<!-- https://webgoo.ir -->
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    direction:rtl;
    font-size:12px;
}
@font-face {
    font-family:'BYekan';/*تعریف یک نام برای فونت*/
    src:url('font/BYekan.eot');/*اکسپلورر 9 به بعد*/
    src:local('bYekan'),/*بررسی نصب بودن فونت در سیستم کاربر*/
        local('b Yekan'),/*برای برخی از مرورگرها مانند سافاری*/
        url('font/BYekan.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
        url('font/BYekan.woff') format('woff'),/*مرورگر های جدید*/
        url('font/BYekan.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
        url('font/BYekan.svg#BYekan') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
    font-style:normal;
    font-weight:normal;
}
.post-titr p{
    font-family:BYekan, Tahoma, Geneva, sans-serif;
    display:block;
    font-size:16px;    
}
</style>
</head>
<body>
<div class="post-titr">
<p>
این یک متن فارسی با استفاده از خاصیت font-face در css3 است!
</p>
</div>
<hr />
با افزودن src و local این امکان وجود دارد که ابتدا فونت مورد نظر در سیستم کاربر جستجو گردد و در صورت عدم نصب، فونت از سرور بارگذاری شود.
</body>
</html>
پیش نمایش
دسته بندی: آموزش کاربردی » CSS
related مطالب بیشتر:
» مخفی کردن عناصر وب با CSS
» ساخت منوی آبشاری (عمودی) با تگ ul li و CSS
» ایجاد بلاک و تصویر شفاف (Transparent) با استفاده از CSS3
» تنظیمات CSS مخصوص مرورگر اینترنت اکسپلورر
» ساخت منوی کشویی با تگ ul li و CSS
commentنظرات (۵۱ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
۱۴:۵۳ ۱۳۹۳/۰۸/۲۴
مرسی. خوب و جامع بود.
فقط بعضی فونت ها بصورت حروف جدا از هم نمایش داده می شوند. با اینکه گوگل کروم اکثر فرمت فونت ها رو ساپورت می کنه.
پاسخ: 
این مشکل از استاندارد نبودن فونت یا فرایند تبدیل آن است!
نویسنده: رضا
۱۶:۴۷ ۱۳۹۳/۱۰/۲۴
با سلام و خسته نباشید
طبق آموزشی که گذاشتین برای سایتم انجام دادم
فقط تنها مشکلم اینه که برای اولین بار که داخل سایت میری فونت لود نمیشه و وقتی که به یک صفحه دیگر سایت میری فونت ها لود میشوند.
اگر امکان داره راهنماییم کنید
پاسخ: 
سلام
ممکن است ایرادی در آدرس دهی فونت ها وجود داشته باشد یا به فرض مشکلی با فایل htaccess باشد، در هر صورت تست کنید اگر در آدرس دهی قسمت url به صورت مطلق (آدرس کامل سایت) هم چنین حالتی وجود داشت، سایت باید بررسی شود.
نویسنده: رضا
۱۲:۴۱ ۱۳۹۳/۱۱/۰۱
خدا خیرت بده. چند روزه میخوانم فونت دلخواهم رو تو وبلاگم وارد کنم ولی نشد. تا اینکه شما به من فهموندین که ایراد از مکان آپلود فونته.
نویسنده: کیانوش
۲۲:۲۱ ۱۳۹۴/۰۱/۳۰
سلام عرض ادب ، سیستمم کلیه ی را در وب با ی بزرگ نشان می دهد که خواندن ان مشکل می باشد
پاسخ: 
سلام
هرچند به نظر مشکل مربوط به سیستم عامل است، اما لطفا یک اسکرین شات از مشکلتان قرار دهید.
نویسنده: علی
۱۴:۱۹ ۱۳۹۴/۰۲/۳۱
سلام.
ممکن شما هم مثل من مایل باشید اگر فونت مورد نظرتون بارگذاری نشد عملیات خاصی انجام دهیم. مثل قسمتی را مخفی کنید یا به کاربر هشدار بدهید و ...
الان سوال پیش میاد که چطور بفهمیم فونت دلخواهمان لود شده یا نه من پیشنهاد می کنم از تابع جاوا اسکریپت زیر استفاده کنید.
<canvas id="canvasFont" width="40px" height="40px" style="position:absolute; display:none;"></canvas>
<script type="text/javascript">
function isLoadedFonts(){
var Args = arguments;
var obj = document.getElementById('canvasFont');
var ctx = obj.getContext("2d");
var baseFont = (/chrome/i.test(navigator.userAgent))?'tims new roman':'arial';
function getImg(fon){
ctx.clearRect(0, 0, (obj).width, (obj).height);
ctx.fillStyle = 'rgba(0,0,0,1.0)';
ctx.fillRect( 0, 0, 40, 40 );
ctx.font = '20px '+ fon;
ctx.textBaseline = "top";
ctx.fillStyle = 'rgba(255,255,255,1.0)';
ctx.fillText( '\u0630', 18, 5 );
return ctx.getImageData( 0, 0, 40, 40 );
};
for(var i1=0; i1<Args.length; i1++){
data1 = getImg(Args[i1]);
data2 = getImg(baseFont);
var isLoaded = false;
for(var i=0; i<data1.data.length; i++){
if(data1.data[i] != data2.data[i]){
isLoaded = true;
break;
}
}
if(!isLoaded)
return false;
}
return true;
};
setTimeout(function(){alert(isLoadedFonts('tahoma'));},100);
</script>
پاسخ: 
سلام
خیلی ممنون از به اشتراک گذاری.
نویسنده: test
۱۵:۳۴ ۱۳۹۴/۰۸/۲۳
سلام
سوالم اینه گه ما بیایم چند تا فونت رو با فرمتهای مختلف رو واسه سازگاری براوزرها استفاده کنیم آیا هر براوزر میاد فرمت لازم به خودشو دانلود میکنه و استفاده میکنه؟ یا همه فرمت های موجود معرفی شده در فایل css ابتدا دانلود شده و سپس بسته نیاز براوزر یکی شون استفاده میشن؟
چون فونت من سایزش زیاده و بهتره فقط یکی از فرمت ها دانلود بشه ....
پاسخ: 
سلام
مرورگر ابتدا وجود فونت در سیستم کاربر را بررسی می کند (در صورت استفاده از local)، در گام بعدی و در صورتی که فونت در سیستم کاربر پیدا نشود، تنها فرمتی را بارگذاری می کند که مورد نیاز و سازگار با همان مرورگر باشد (برخی مرورگرها چند فونت را پشتیبانی می کنند، اما معمولا یک فونت ارجحیت دارد و با بارگذاری آن فونت، نوبت به بعدی نمی رسد!)
نویسنده: ابوالفضل
۱۳:۵۷ ۱۳۹۴/۱۰/۱۱
سلام
موقعی که داشتم از font2web.com استفاده میکردم دانلود منیجر میخواست دانلود کنه و نمیشد ولی وقتی اون رو برای مرورگرم غیر فعال کردم با مرورگرم دانلود شد
اونایی که مشکلی مثل مشکل من براشون پیش اومد موقتا دانلود منیجرو برای مرورگرشون قطع کنن احتمالا حل شه
با تشکر از مطلب خوبتون
پاسخ: 
سلام
ممنون از به اشتراک گذاری.
نویسنده: مهدی
۱۹:۰۹ ۱۳۹۴/۱۲/۱۴
سلام.
ممنون از مطلب مفیدتون.
مشکل من فارسی نوشته شدن اعداد انگلیسیه!!
به عنوان مثال در فونت یکان اعدادی که کنار حروف انگلیسی هستن رو بصورت فارسی نشون میده و ظاهری بد پیدا میکنه!
که این به خاطر اینه که فونت این قابلیت رو نداشته و فقط اعداد فارسی داره و باید اصلاح بشه.
من از چندین سایت فونت نسخه جدید و اصلاح شده یکان رو دانلود کردم و تست کردم. اما باز سایتم اعداد انگلیسی رو بصورت فارسی نشون میده!
راهی هست که بتونم اعداد انگلیسی رو کنار حروف انگلیسی داشته باشم؟ یا فونت دیگری که این قابلیت رو داشته باشه؟
پاسخ: 
همان طور که اشاره کردید این مسئله به قابلیت خود فونت برمی گردد و به راحتی قابل تغییر نیست، مگر اینکه اعداد را در تگ و کلاس CSS مجزا داشه باشید که آن هم شرایط خودش را دارد، متاسفانه فونت خاصی برای رفع این مسئله در دسترس نداریم، باید در بین سایت هایی که از فونت های فارسی استفاده می کنند توجه کنید که کدام یک با این مشکل مواجه نیستند و سعی کنید از فونت آنها استفاده کنید!
نویسنده: غریب
۱۲:۴۷ ۱۳۹۴/۱۲/۱۶
سلام دوست عزیز
یه سوال داشتم بنده فونت تعیین کردم برای سایتم مشکلی هم بابتش ندارم حالا میخوام از همون فونتم داخل وبلاگ هم استفاده کنم به اینصورت که فایل سی اس اس مجزایی ساختم که فونت رو ادرس دهی کردم بصورت کامل و برای نوشته خاصیت هایی تعیین کردم اما همه خواص هستن فونت اضافه نمیشه هر کار کردم
به مثال زیر دقت کنید
<style>
@font-face{font-family:'DastNevis';font-weight:normal;src:url('http://www.gap8.ir/wp-content/themes/modernblog/fonts/DastNevis.eot?#') format('eot'),url('http://www.gap8.ir/wp-content/themes/modernblog/fonts/DastNevis.woff') format('woff'),url('http://www.gap8.ir/wp-content/themes/modernblog/fonts/DastNevis.svg#DastNevis') format('svg'),url('http://www.gap8.ir/wp-content/themes/modernblog/fonts/DastNevis.ttf') format('truetype')}
p{padding:15px;line-height:60px;font-family:DastNevis;font-size:35px;color:#724444;text-shadow: 1px 1px 4px}
</style>
<p>این یک نمونه است</p>
مشکل کجاست ؟ چرا همه خواص قابل انتقاله اما فونت رو پاسخ نمیده و اگه راه خواصی داره میشه بهم توضیح بدید یدنیا ممنون میشم
پاسخ: 
این مشکل به دلیل اعمال محدودیت مرورگر در بارگذاری فونت از منبع خارجی است، برای اینکه این محدودیت برداشته شود باید در دایرکتوری که فونت ها قرار دارند، دستور زیر را در فایل htaccess قرار دهید:
<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
نویسنده: علی
۰۱:۰۲ ۱۳۹۵/۰۴/۰۱
سلام
من یه جایی خوندم که:
برای اسفاده از فونت در محیط وب، منظورم در وب سایت ها است، سه روش وجود داره:
یکی آپلود و اتصال فونت به وب سایت که مطالب وب سایت را برای همه بینندگان با اون فونت نمایش میده.
دوم نوعی اتصال فونت به وب سایت هست که فقط در صورت موجود بودن فونت بر روی کامپیوتر بینندگان مطالب وب سایت با اون فونت به نمایش در میاد.
روش سوم را هم فراموش کردم.
خب الان بهم بگید این صحبت ها درسته؟
اگه درسته روش وارد کردن فونت ها را (در هر سه روش) توضیح بدید.
همه جا خاصیت font-face استفاده میشه؟
ممنون میشم پاسخ بدید.
پاسخ: 
خاصیت font-face این امکان را دارد که در قسمت src آدرس فونت را از url (آنلاین) یا از local (از روی سیستم کاربر) تعیین کنیم، برای استفاده از فونت در وب صرفا همین خاصیت کاربرد دارد.
نویسنده: ارسلان
۰۹:۵۳ ۱۳۹۵/۰۶/۲۴
با سلام خدمت استاد گرامی :
من می خواهم فونت های برنامه لایرپاپ آپ رو ویرایش کنم یعنی یکسری از فونتهایی که در تبلیغات استفاده می شود مثل byekan ، btitr ، bnazanin و غیره را وارد برنامه کنم اما با توجه به اینکه فونتها را در هاست اپلود کردم و حتی در خود ریشه پاپ اپ در هاست نیز آپلود کردم اما فونتها را نشان نمی دهد . لطفاً راهنمایی فرمایید که چه کنم ؟
با تشکر
پاسخ: 
اصول استفاده از فونت فارسی در وب همان است که در مطلب توضیح داده شده، اما اینکه چرا فونت های شما در صفحات برنامه مذکور به درستی نمایش داده نمی شوند مسئله ای است که صرفا با بررسی و تست آنلاین قابل تشخیص می باشد! در گام اول باید سورس های خروجی صفحات را بررسی کنید؛ در صورت تمایل آدرس یک لینک در سایتتان را که این برنامه در آن استفاده شده باشد، جهت بررسی درج نمائید.
نویسنده: meysamsalim
۱۷:۱۸ ۱۳۹۶/۰۳/۰۱
سلام و واقع خیلی از مطالبتون متشکرم
اگه بیش از یک فونت خاص استفاده کنیم مثلا بی نازنین و بی تیتر خب توی قسمت فونت فیس که برای استایل می نویسیم چجور URL ها رو تعریف کنیم ؟؟؟؟
پاسخ: 
برای هر فونت باید از یک font-face جداگانه استفاده کنیم، لذا هر فونت قانون مخصوص به خودش را دارد.
نویسنده: زهره
۱۴:۳۴ ۱۳۹۶/۰۴/۲۸
سلام
من تازه دارم طراحی سایت یاد می گیرم و میخوام فونت ایران سنس و به وردپرس اضافه کنم هر کاری می کنم نمی تونم
میشه کمکم کنید؟
پاسخ: 
روش استفاده از فونت فارسی به CMS مرتبط نیست یعنی می توانید همین روش آموزش داده شده را در وردپرس نیز استفاده نمائید، منتها باید موارد را گام به گام و به صورت صحیح اعمال کنید و در نهایت در کد HTML خروجی سایت کدهای مورد نیاز را داشته باشید، برای انجام این کار باید با نحوه ویرایش قالب های وردپرس آشنا باشید که در انجمن ها مربوط به این CMS اطلاعاتی در خصوص آن وجود دارد.
نویسنده: محمد
۱۴:۰۵ ۱۳۹۷/۰۷/۰۲
خوب فونت سایت خوده شما چیه واسه همین صفحه ؟
پاسخ: 
در حال حاضر فونت Tahoma که یکی از فونت های پیش فرض وب برای زبان فارسی است!
نویسنده: مجتبی
۱۳:۲۵ ۱۳۹۷/۱۱/۲۴
با سلام خدمت شما
این مراحلی که گفتینو انجام دادم و توی کامپیوتر از فونت فارسی پشتیبانی می کنه و مشکلی نداره اما وقتی با گوشی اندروید وارد سایت میشم از فونت فارسی پشتیبانی نمیکنه. علتش چیه؟
با تشکر
پاسخ: 
از فونت سایت هایی استفاده کنید که در حال حاضر در مرورگر گوشی بدون مشکل نمایش داده می شوند، اگر مشکل پابرجا بود ممکن است بخشی از مراحل را درست انجام نداده باشید، در صورت تمایل لطفا آدرس سایتتان را جهت بررسی بیشتر درج کنید.
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- موارد غیرمرتبط با مباحث آموزش ها را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ مختصر داده خواهد شد.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- از درج عناوین تبلیغاتی در فیلدها خودداری کنید، در صورتی که یادداشت تبلیغاتی تشخیص داده شود حذف خواهد شد.
- تمام یادداشت ها بررسی و زمانی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد خودداری کنید.





8 × 8
 refresh

آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
form شریفی
در:
سلام مجدد. من یه سوال خیلی تخصصی دارم. ممنون میشم پاسخ بدین. برای پروژه پایان نامه. دارم روی موتورهای جستجوگر تحقیق میکنم. فرض...
۱۴۰۰/۰۱/۲۵

form شریفی
در:
سلام استاد. من از متد file_get_contents استفاده می کنم برای دریافت اطلاعات از سایت های مختلف. بعضی وقتها سایت ها دیر لود میشه. آیا...
۱۴۰۰/۰۱/۲۵

form hh
در:
سلام خدمت شما بنده یه سوال داشتم تمام مراحل شما رو انجام دادم و نتیجه گرفتم و لازمه یه تشکرم بکنم. وبسایت من،...
۱۴۰۰/۰۱/۲۵

form erfan
در:
سلام من واسه یه دکمه یه محتوایی تعریف کردم که وقتی کلیک شد محتوا رو نشون بده اما تو دوجاش موندم یک اینکه چیکار کنم...
۱۴۰۰/۰۱/۲۱

form mahdi
در:
سلام استاد عزیز ، بازم معذرت میخوام سوالام زیاد شد ولی همشون در یک موضوع هستن ، تونستم که با این روش برای هر اسلایدر...
۱۴۰۰/۰۱/۱۸

form mahdi
در:
سلام استاد عزیز عذر میخوام بار سومه پیام میزارم ، مشکلش از ست اینترول بود که قطع نمیشد و با هم تداخل داشتند ولی بدون...
۱۴۰۰/۰۱/۱۸

form mahdi
در:
سلام وقت بخیر استاد عزیز ، یک تابع رو چطور میشه در جاوا اسکریپت اورراید کرد؟ که مثلا با هر فراخوانی مجدد ، قبلی ها...
۱۴۰۰/۰۱/۱۸

form متین
در:
سلام چجوری برای خود صفحه ادرس بسازیم که سایتی که رو ساختیم رو با دستگاه دیگه پیداش کنیم
۱۴۰۰/۰۱/۱۶

form امیرحسین برزویی
در:
من یک وبلاگ دارم و 9 سالمه من در وبلاگم مداحی می گذارم ولی وقتی قاب گذاشتم از این سایت من دیگه فیلم...
۱۴۰۰/۰۱/۱۶

form بنده خدا
در:
سلام خسته نباشین، خدا قوت. یه سوال دارم. چرا در بخش نظردهی وبلاگ به جای عنوان پست می نویسه مطلب مورد نظر یافت نشد؟!...
۱۴۰۰/۰۱/۱۵

form روح الله
در:
موقعی میخواهم وارد سایت ایران خودرو بشم پیام میده از Ip داخلی استفاده کنید دلیلش چیست
۱۴۰۰/۰۱/۱۴

form غریب
در:
تشکر از شما مشکلم حل شد امیدوارم موفق و پیروز باشید هر جا که هستید
۱۴۰۰/۰۱/۱۱

form غریب
در:
سلام مجدد ممنون و تشکر از کمکتون کد به خوبی کار میکنه اما همچنان من مشکلی دارم که حل نتونستم کنم...
۱۴۰۰/۰۱/۱۰

form غریب
در:
سلام مجدد این کدی که دادید خوب هست ولی من بد و ناقص توضیح دادم توجه کنید کد این هست تقریبا ممنون...
۱۴۰۰/۰۱/۱۰

form غریب
در:
سلام خسته نباشید من کدی دارم که میخوام داخل یه بخشیش نتیجه یه رویداد رو فراخوانی کنم و راهش و نمیدونم اگر میشه کمک...
۱۴۰۰/۰۱/۱۰

form محسن
در:
سلام ، سوال من مربوط به پنل کارگزاری هاست ، وقتی اسم یک سهم (نماد) را در قسمت جست و جو سرچ میکنم...
۱۴۰۰/۰۱/۰۸

form ترجمه
در:
باسلام همه صفحات من دارای دو url می باشد که یکی با حروف کوچک است و دیگری با حروف بزرگ چجوری این مشکل را...
۱۴۰۰/۰۱/۰۸

form سهیل ملکی
در:
سلام خسته نباشید ببخشید من میخوام از تابع navigator.online توی جاوا اسکریپت استفاده کنم تا باهاش بفهمم کاربر آنلاین هست یا نه و اگه بود...
۱۴۰۰/۰۱/۰۴

form Rabbiten
در:
سلام. من چند ماه است که دنبال کد استایل تصویر مثل تبلیغات بالای سایت شما هستم. اما هیچ جا پیدایش نمی کنم. لطف می...
۱۴۰۰/۰۱/۰۱

form mahdi
در:
سلام استاد عزیز سال نو رو تبریک میگم بهتون ، امیدوارم که خودتون و خانوادتون همیشه سالم و سلامت باشید و امسال پر از...
۱۳۹۹/۱۲/۳۰

form korosh abbasy
در:
سلام وقت بخیر ببخشید در مورد این مطلب سوالی پرسیدم شما در مورد output buffering توضیح دادید کد کار نمیکنه میخواستم ببینم نیازی هست من...
۱۳۹۹/۱۲/۲۹

form احمد
در:
سلام مجدد عذرخواهی میکنم یه موردی دیگه بود فراموش کردم در مورد سوال هدر بگم اینکه روی لوکال به هدر ارسال میشه ولی روی هاست...
۱۳۹۹/۱۲/۲۸

form احمد
در:
با سلام خسته نباشید ببخشید قبلا یه سری دستورات جی کوری رو از خودتون گرفتم وقتی فیلدهای فرمم تکمیل شده است توسط هدر بره به...
۱۳۹۹/۱۲/۲۸

form korosh abbasy
در:
سلام دم شما گرم این دستور برای خوندن فایل هم استفاده میشه؟ من میخوام دسترسی تعیین کنم که اگر یک متغییر true...
۱۳۹۹/۱۲/۲۷
  در انتظار بررسی: ۱
 پاسخگویی به سوالات ممکن است تا 24 ساعت زمان ببرد.