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

[spyman 17]

سلام

پیرو این تاپیک: آموزش پیوست فونت در CSS 3 + فونت های اصلاح شده فایرفاکس جدید - صفحه 2 . این مال ویبولتین و من میخوام تو جوملا استفادش کنم.

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

برای شروع بهتر است بدانید که هر فونت فارسی را نمیتوان در یک صفحه وب استفاده کرد.چرا که این فونتها باید یونیکد شده باشد .وگرنه تکه تکه نشان داده خواهد شد.

1. تبدیل فونت:

ابتدا باید فونت فارسی مورد نظر را به سه فرمت تبدیل کنیم. برای تبدیل فونت میتوانید از این سایت استفاده کنید. : CodeAndMore @font-face made simple tool

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

2. استفاده از فونتهای تبدیل شده :

برای استفاده از فوتهای فارسی شما باید یک فونت با سه پسوند را داشته باشید.

eot.*

woff.*

ttf.*

ابتدا این فونتها را در مکانی در هاستتان آپلود کنید.مثلا روت فروم یا در پوشه ای با نام font در روت فروم.

سپس به بی بی کد ساز بروید.در html این کد بزارین .

1 - اینگانه میدی

<style type="text/css">
.p30_IranNastaliq{ font-family: 'IranNastaliq';
src: url('http://p30central.com//images/Pictures/fonts/irannastaliq.eot?#') format('eot'),
url('http://p30central.com//images/Pictures/fonts/IranNastaliq.woff') format('woff'),
url('http://p30central.com//images/Pictures/fonts/IranNastaliq.ttf') format('truetype');
}

</style>

<h1 class="p30_IranNastaliq">{param}</h1>

2- خوب حالا در مثال اینگانه میدی

[iranNastaliq]{param}[/iranNastaliq]

3- در جای هم میخواین این استفاده کنید

[iranNastaliq]اين نامه رو ليلا فقط بخونه[/iranNastaliq]

[iranNastaliq]فقط ميخوام که حالمو بدونه[/iranNastaliq]

که میشه این ( شات )

البته این نکاتم بگم شما میتونین در مرحله 1 خیلی کارا انجام بدین . مثلا انواع فورمولار بکار ببرین برای توضیح دادن یه مثال ساده میزنم

نمونه مرحله 1 مثلا ما این شکل میخوایم بشه وقتی داری از این فونت استفاده میکنیم

<font class="p30_IranNastaliq" color="red" size="15">زیبای خوفته من</font>

خوب جای "15" که سایز فونت و جای "زیبای خوفته من" که متن ماست جای " red" که رنگ ماست ما میخوایم مرحل 2 براش بسازیم میشه این

: http

<font class="p30_IranNastaliq" color="{color}" size="{size}">{text}</font>

: bbcode

[text-one]{text}[/text-one][size-two]{size}[/size-two][color-Three]{color}[/color-Three]

حالا درست شد

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

یا علی تا کار دیگه

منبع : فروشگاه کامپبوتر مرکزی

ویرایش شده در دی 92 توسط spyman

[majid_aqaiy 34]

ممنون مفید و سازنده بود خیلی به کار میاد

[spyman 17]

سلام

مرسی . به توجه مهم

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

این گفتم تا از سوال و سردرگمی دوستان کم کنم