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


مهم آموزش استفاده از فونت دلخواه در تمام خروجی ها
#1
به نام خدا

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

آموزش استفاده آسان از فونت دلخواه  در تمام خروجی ها(منجمله خروجی کانواس پلاس/اندروید/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 کوردوا را برای بررسی و درک بهتر دوستانی که شاید خوب متوجه موضوع نشد در یک فایل زیپ قرار دادم که میتوانید از اینجا دانلود نمائید.


والسلام علی من اتبع الهدی...
--------------\\\\\\\\\\*******\\\\\\\\---------------------------\\\\\\\\\\**********\\\\\\\---------
[عکس: vngames_mobarez.png]


*«يَرْفَعِ اللَّهُ الَّذِينَ آمَنُوا مِنْكُمْ وَ الَّذِينَ أُوتُوا الْعِلْمَ دَرَجاتٍ//خداوند کسانی را که ایمان آورده اند و کسانی را که دانش به آنان عطا شده است.درجات عظیمی می بخشد.»(قرآن کریم، المجادلة، 11 ‏)*

*پیامبر اکرم (ص) فرمود:«علم آموزي بر هر مرد و زن مسلمان، واجب است.»(مصباح‏ الشريعة، ج 13)


 
پاسخ دهید
#2
بسیار مفید.خیلی خیلی خیلی ممنون برادر vng
 
پاسخ دهید
 سپاس شده توسط: vng ، mr.alian
#3
واقعا عالی بود. ممنون که اطلاعاتتون رو به اشتراک گذاشتید. موفق باشید
بازی استراتژیک لشکر امپراطور
نصب رایگان

[عکس: com.parsasoft.myempires0.jpg]
 
پاسخ دهید
 سپاس شده توسط: mr.alian
#4
سلام
بله من تست کردم توی کوکون و بدون مشکل کار کرد
 
پاسخ دهید
 سپاس شده توسط: ali.develpor1 ، mr.alian
#5
سلام
کد بالا به خوبی عمل میکنه و فونت دلخواه اعمال میشه.
یک سوال دارم:
اگر بخواهیم در کدی که گفتید ، سایز فونت رو هم تعیین کنیم که مثلا 24 باشه و روی نوشته های بازی بصورت ثابت اعمال بشه، fontsize رو به چه صورت باید در این کد تعریف کرد؟ ممنون
 
پاسخ دهید
 سپاس شده توسط: mr.alian
#6
سلام
نیازی به اینکار نیست چون توی خوده کانستراکت اونجایی که فونت مورد نظر رو انتخاب میکنید تنظیماتی مثل رنگ متن و سایز متن و . . . وجود داره که میتونید از همونجا تغییرات رو اعمال کنید
 
پاسخ دهید
 سپاس شده توسط: vahid ، mr.alian
#7
بله این رو که دیگه میدونم  4
ولی وقتی خروجی میگیری تو گوشی های مختلف با توجه به تنظیمات فونت گوشی، سایز نوشته ها تغییر میکنه.
من میخوام با کد css یا هر راه دیگه ای این سایز رو ثابت نگه دارم.
مثلا در مورد اسپرایت فونت سایز ثابت میمونه ولی به درد حروف فارسی نمیخوره. ممنون
 
پاسخ دهید
 سپاس شده توسط: shazde ، mr.alian
#8
سلام. کسی نمیدونه در این روش چطور سایز و bold بودن فونت رو میشه تنظیم کرد؟
 
پاسخ دهید
 سپاس شده توسط:
#9
سلام تو این روش دیگه نبازی به استفاده از وب فونت نیست؟
 
پاسخ دهید
 سپاس شده توسط:
#10
سلام
نه نیازی نیست
ولی حتما باید فونت رو داخل پوشه فونت بزارید.
 
پاسخ دهید
 سپاس شده توسط:
  


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  چگونه بالاترین نسخه ی کانستراکت رو داشته باشیم ؟ oak 7 167 1397/6/27، 01:41 عصر
آخرین ارسال: oak
Information اموزش ساخت فرم ثبت نام و رود و جدول امتیازات shayan100 7 434 1397/6/24، 03:17 عصر
آخرین ارسال: mahdibnn
Lightbulb آموزش خروجی موناکا (اندروید) Navid 39 3,693 1397/6/24، 01:54 عصر
آخرین ارسال: Navid
Video آموزش PHP برای توسعه سرویس خود amirho24 6 90 1397/6/24، 01:44 عصر
آخرین ارسال: amirho24
  درخواست اموزش ساخت تورنمنت آنلاین Kiarash 6 86 1397/6/22، 06:18 عصر
آخرین ارسال: rezamms

پرش به انجمن: