مهمان عزیز خوش‌آمدید. ورود عضــویت


مهم آموزش استفاده از فونت دلخواه در تمام خروجی ها
#11
(1395/8/17، 02:31 صبح)vng نوشته: به نام خدا

باسلام به دوستان انجمن،

آموزش استفاده آسان از فونت دلخواه  در تمام خروجی ها(منجمله خروجی کانواس پلاس/اندروید/cocoon io):

1- فایل index.html که در خروجی نهایی کانستراکت قرار دارد را با یک ویرایشگر به مانند نوت پد یا نوت پد پلاس پلاس باز کنید. تگ
کد:
<style type="text/css">
را که زیر مجموعه تگ <head> است را بیابید.به انتهای تگ مربوطه بروید، جایی که تگ بسته میشود.دقیقاً یکه خط بالاتر از
کد:
</style>

و عبارت زیری را در ان قرار دهید :

کد:
@font-face { font-family: 'نام فونت دلخواه'; src: url('fonts/نام فونت دلخواه.ttf'); format('truetype'); }

و فایل html را پس از اعمال تغییر مذکور ذخیره نمائید.

2- در پوشه خروجی خود یک پوشه به نام fonts ایجاد کنید و فونت دلخواه خود را که در دستور بالا استفاده کرده اید درون پوشه fonts قرار دهید.

3-پوشه fontsرا هم به همراه دیگر پوشه ها و فایل های پروژه  (در فایل فشرده نهایی(zip) )ارسالی به سرویس خروجی قرار دهید. تمام!


توضیح کد های بالا:

کد:
@font-face
یک دستور و قابلیت در css که برای پیوست فونت استفاده میشود.

کد:
{ font-family: 'B Elham';

نام فونت دلخواه در این بخش باید قرار بگیرد من به عنوان نمونه از فونت B Elham استفاده کردم، توجه کنید که املای فونت مد نظر در اینجا دقیقاً باید با آنچه که در ویرایشگر فونت کانستراکت میبینید یکی باشد(آن مکانی که داخل کانستراکت فونت را انتخاب میکنید) یعنی اگر فاصله دارد فاصله بگذارید زیر خط دارد باید شما هم در اینجا زیر خط بگذارید حروف بزرگ و کوچک دارد شما هم عیناً باید بزرگ و کوچکی حروف را رعایت کنید و ...

کد:
src: url('fonts/BElham.ttf');

آدرس و مکان فونت مورد نظر که در اینجا fonts اشاره به پوشه ئی که فونت در ان قرار دارد است BElham.ttf نام فایل فونت ما است که در ان پوشه قرار گرفته است توجه کنید که در اینجا هم باید دقیقاً املای معرفی فونت با نام فایل فونتی که در پوشه مربوطه قرار داده اید عیناً و از هر نظر باید یکسان باشد.

کد:
format('truetype'); }

نوع یا فرمت فونت مورد استفاده ما، فونت ها معمولاً چندین فرمت دارند که میتوان به فرمت هایی به مانند TTF, WOFFو EOT ... اشاره کرد که ttf خلاصه شده عبارت بالا است و رایج ترین فرمت فونت در حال حاضر میباشد.


رفع اشکال از فونت های فارسی:



دوستان توجه کنید فونت های فارسی که در سطح وب وجود دارد و معمولاً شما انها بر روی سیستم خود نصب کرده اید به شکل استاندارد طراحی نشده اند و امکان دارد بعد از خروجی در مرور گرهای مقصد به درستی نمایش داده نشوند مثلاً جدا جدا یا درهم رفته و با مشکلات اینچنی نمایش پیدا کنند برای حل این مشکل شما میتوانید از طریق این سایت فونت های خود را تا حد زیادی اصلاح نمائید(برای استفاده در وب و html)  در زیر یک پک قرار گرفته که در آن فونت های معروف فارسی( فونت های رایج سری B) با همین روش اصلاح شده اند و قابل استفاده میباشند.توجه کنید که کماکان مشکل غیر استاندارد بدون فونت های فارسی وجود دارد و برای استاندارد شدن احتیاج به ویرایش شدن توسط متخصصین طراحی فونت دارند اما با ایجاد همین تغییر اندک تا حد زیادی در خروجی به درستی نمایش داده میشوند و از شدت مشکلات فونت های فارسی تا حد زیادی کاسته میشود.

فایل فشرده فونت های اصلاح شده



نکته ها:


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

*برای قرار دادن چندین فونت میتوانید دستور(عبارت) بالا را به مقدار لازم کپی گرفته و با انتخاب و درج نام فونت های مختلف، دستور را در زیر دستور قبلی تکرا کنید.قرار دادن کپی فایل اصلی فونت ها در خروجی فراموش نشود.

*انتخاب نام پوشه ئی که کپی فونت مد نظر در ان قرا میگیرد به دلخواه است که معمولاً از نام fonts استفاده میشود البته میتوانید فونت را در پوشه فرعی قرار ندهید و مستقیماً از پوشه اصلی ادرس دهی نمائید که البته این کار بهتر است انجام نشود و حتماً فونت را در یک پوشه فرعی قرار دهید.


*فونت ها را به هیچ عنوان داخل کانستراکت ایمپورت نکنید چون هنگام خروجی کانستراکت تغییراتی در آنها ایجاد میکند و حتماً به صورت دستی فونت ها را به پروژه اضافه نمائید.

*فونت ها ی اصلاح شده را بهتر است جایگزین فونت های از پیش نصب شده در سیستم رایانه خود نمائید.


*هر چند روش بسیار آسانی بوداما بنده یک نمونه فایل کانستراکت و یک نمونه خروجی html کوردوا را برای بررسی و درک بهتر دوستانی که شاید خوب متوجه موضوع نشد در یک فایل زیپ قرار دادم که میتوانید از اینجا دانلود نمائید.


والسلام علی من اتبع الهدی...
سلام 
من درست مثل آموزش پیش رفتم ولی وقتی با c2bulidozer خروجی میگیرم فونت رو باز پشتیبانی نمیکنه
20
79 ________________________________ 79
 ||||     حمایت از تولید ملی با دانلود      ||||
||
/__\
/\
 ||||  بازی |ساخت ایران| بزودی...  ||||
----------------------------------------------------

 
پاسخ دهید
 سپاس شده توسط:
#12
سلام
خروجی c2buildozer برای تست هست و بیشتره پلاگین ها رو پشتیبانی نمیکنه و همین طور در این موضوع
إِنَّ مَعِيَ رَبّي سَيَهدينِ
قطعا خدا با من است و مرا راهنمایی خواهد کرد
 
پاسخ دهید
 سپاس شده توسط: shazde
  


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Video آموزش پلاگین چک کردن وجود یک برنامه در گوشی در کانستراکت 2 ehsansayrafi 3 53 1397/8/20، 07:35 عصر
آخرین ارسال: kiarash
  آموزش خروجی با cocoon.io shazde 55 2,304 1397/8/19، 12:56 صبح
آخرین ارسال: abiate1365
Star آموزش لرزش در گوشی های اندرویدی با پلاگین cordova vibration ehsansayrafi 0 28 1397/8/18، 11:25 صبح
آخرین ارسال: ehsansayrafi
  درخواست آموزش بازی کلماتی hasiri 2 87 1397/8/17، 07:40 عصر
آخرین ارسال: hasiri
  آموزش ساخت بازی اندروید بدون برنامه نویسی : در مایکت orache 10 3,385 1397/8/10، 10:16 صبح
آخرین ارسال: مهدی بابایی

پرش به انجمن: