1395/8/17، 02:31 صبح
به نام خدا
باسلام به دوستان انجمن،
آموزش استفاده آسان از فونت دلخواه در تمام خروجی ها(منجمله خروجی کانواس پلاس/اندروید/cocoon io):
1- فایل index.html که در خروجی نهایی کانستراکت قرار دارد را با یک ویرایشگر به مانند نوت پد یا نوت پد پلاس پلاس باز کنید. تگ
را که زیر مجموعه تگ <head> است را بیابید.به انتهای تگ مربوطه بروید، جایی که تگ بسته میشود.دقیقاً یکه خط بالاتر از
و عبارت زیری را در ان قرار دهید :
و فایل html را پس از اعمال تغییر مذکور ذخیره نمائید.
2- در پوشه خروجی خود یک پوشه به نام fonts ایجاد کنید و فونت دلخواه خود را که در دستور بالا استفاده کرده اید درون پوشه fonts قرار دهید.
3-پوشه fontsرا هم به همراه دیگر پوشه ها و فایل های پروژه (در فایل فشرده نهایی(zip) )ارسالی به سرویس خروجی قرار دهید. تمام!
توضیح کد های بالا:
یک دستور و قابلیت در css که برای پیوست فونت استفاده میشود.
نام فونت دلخواه در این بخش باید قرار بگیرد من به عنوان نمونه از فونت B Elham استفاده کردم، توجه کنید که املای فونت مد نظر در اینجا دقیقاً باید با آنچه که در ویرایشگر فونت کانستراکت میبینید یکی باشد(آن مکانی که داخل کانستراکت فونت را انتخاب میکنید) یعنی اگر فاصله دارد فاصله بگذارید زیر خط دارد باید شما هم در اینجا زیر خط بگذارید حروف بزرگ و کوچک دارد شما هم عیناً باید بزرگ و کوچکی حروف را رعایت کنید و ...
آدرس و مکان فونت مورد نظر که در اینجا fonts اشاره به پوشه ئی که فونت در ان قرار دارد است BElham.ttf نام فایل فونت ما است که در ان پوشه قرار گرفته است توجه کنید که در اینجا هم باید دقیقاً املای معرفی فونت با نام فایل فونتی که در پوشه مربوطه قرار داده اید عیناً و از هر نظر باید یکسان باشد.
نوع یا فرمت فونت مورد استفاده ما، فونت ها معمولاً چندین فرمت دارند که میتوان به فرمت هایی به مانند TTF, WOFFو EOT ... اشاره کرد که ttf خلاصه شده عبارت بالا است و رایج ترین فرمت فونت در حال حاضر میباشد.
رفع اشکال از فونت های فارسی:
دوستان توجه کنید فونت های فارسی که در سطح وب وجود دارد و معمولاً شما انها بر روی سیستم خود نصب کرده اید به شکل استاندارد طراحی نشده اند و امکان دارد بعد از خروجی در مرور گرهای مقصد به درستی نمایش داده نشوند مثلاً جدا جدا یا درهم رفته و با مشکلات اینچنی نمایش پیدا کنند برای حل این مشکل شما میتوانید از طریق این سایت فونت های خود را تا حد زیادی اصلاح نمائید(برای استفاده در وب و html) در زیر یک پک قرار گرفته که در آن فونت های معروف فارسی( فونت های رایج سری B) با همین روش اصلاح شده اند و قابل استفاده میباشند.توجه کنید که کماکان مشکل غیر استاندارد بدون فونت های فارسی وجود دارد و برای استاندارد شدن احتیاج به ویرایش شدن توسط متخصصین طراحی فونت دارند اما با ایجاد همین تغییر اندک تا حد زیادی در خروجی به درستی نمایش داده میشوند و از شدت مشکلات فونت های فارسی تا حد زیادی کاسته میشود.
فایل فشرده فونت های اصلاح شده
نکته ها:
*باقی مشخصات به مانند تعیین رنگ و اندازه و ... در خود کانستراکت براحتی قابل ویرایش است.
*برای قرار دادن چندین فونت میتوانید دستور(عبارت) بالا را به مقدار لازم کپی گرفته و با انتخاب و درج نام فونت های مختلف، دستور را در زیر دستور قبلی تکرا کنید.قرار دادن کپی فایل اصلی فونت ها در خروجی فراموش نشود.
*انتخاب نام پوشه ئی که کپی فونت مد نظر در ان قرا میگیرد به دلخواه است که معمولاً از نام fonts استفاده میشود البته میتوانید فونت را در پوشه فرعی قرار ندهید و مستقیماً از پوشه اصلی ادرس دهی نمائید که البته این کار بهتر است انجام نشود و حتماً فونت را در یک پوشه فرعی قرار دهید.
*فونت ها را به هیچ عنوان داخل کانستراکت ایمپورت نکنید چون هنگام خروجی کانستراکت تغییراتی در آنها ایجاد میکند و حتماً به صورت دستی فونت ها را به پروژه اضافه نمائید.
*فونت ها ی اصلاح شده را بهتر است جایگزین فونت های از پیش نصب شده در سیستم رایانه خود نمائید.
*هر چند روش بسیار آسانی بوداما بنده یک نمونه فایل کانستراکت و یک نمونه خروجی html کوردوا را برای بررسی و درک بهتر دوستانی که شاید خوب متوجه موضوع نشد در یک فایل زیپ قرار دادم که میتوانید از اینجا دانلود نمائید.
والسلام علی من اتبع الهدی...
باسلام به دوستان انجمن،
آموزش استفاده آسان از فونت دلخواه در تمام خروجی ها(منجمله خروجی کانواس پلاس/اندروید/cocoon io):
1- فایل index.html که در خروجی نهایی کانستراکت قرار دارد را با یک ویرایشگر به مانند نوت پد یا نوت پد پلاس پلاس باز کنید. تگ
کد:
<style type="text/css">
کد:
</style>
و عبارت زیری را در ان قرار دهید :
کد:
@font-face { font-family: 'نام فونت دلخواه'; src: url('fonts/نام فونت دلخواه.ttf'); format('truetype'); }
و فایل html را پس از اعمال تغییر مذکور ذخیره نمائید.
2- در پوشه خروجی خود یک پوشه به نام fonts ایجاد کنید و فونت دلخواه خود را که در دستور بالا استفاده کرده اید درون پوشه fonts قرار دهید.
3-پوشه fontsرا هم به همراه دیگر پوشه ها و فایل های پروژه (در فایل فشرده نهایی(zip) )ارسالی به سرویس خروجی قرار دهید. تمام!
توضیح کد های بالا:
کد:
@font-face
کد:
{ font-family: 'B Elham';
نام فونت دلخواه در این بخش باید قرار بگیرد من به عنوان نمونه از فونت B Elham استفاده کردم، توجه کنید که املای فونت مد نظر در اینجا دقیقاً باید با آنچه که در ویرایشگر فونت کانستراکت میبینید یکی باشد(آن مکانی که داخل کانستراکت فونت را انتخاب میکنید) یعنی اگر فاصله دارد فاصله بگذارید زیر خط دارد باید شما هم در اینجا زیر خط بگذارید حروف بزرگ و کوچک دارد شما هم عیناً باید بزرگ و کوچکی حروف را رعایت کنید و ...
کد:
src: url('fonts/BElham.ttf');
آدرس و مکان فونت مورد نظر که در اینجا fonts اشاره به پوشه ئی که فونت در ان قرار دارد است BElham.ttf نام فایل فونت ما است که در ان پوشه قرار گرفته است توجه کنید که در اینجا هم باید دقیقاً املای معرفی فونت با نام فایل فونتی که در پوشه مربوطه قرار داده اید عیناً و از هر نظر باید یکسان باشد.
کد:
format('truetype'); }
نوع یا فرمت فونت مورد استفاده ما، فونت ها معمولاً چندین فرمت دارند که میتوان به فرمت هایی به مانند TTF, WOFFو EOT ... اشاره کرد که ttf خلاصه شده عبارت بالا است و رایج ترین فرمت فونت در حال حاضر میباشد.
رفع اشکال از فونت های فارسی:
دوستان توجه کنید فونت های فارسی که در سطح وب وجود دارد و معمولاً شما انها بر روی سیستم خود نصب کرده اید به شکل استاندارد طراحی نشده اند و امکان دارد بعد از خروجی در مرور گرهای مقصد به درستی نمایش داده نشوند مثلاً جدا جدا یا درهم رفته و با مشکلات اینچنی نمایش پیدا کنند برای حل این مشکل شما میتوانید از طریق این سایت فونت های خود را تا حد زیادی اصلاح نمائید(برای استفاده در وب و html) در زیر یک پک قرار گرفته که در آن فونت های معروف فارسی( فونت های رایج سری B) با همین روش اصلاح شده اند و قابل استفاده میباشند.توجه کنید که کماکان مشکل غیر استاندارد بدون فونت های فارسی وجود دارد و برای استاندارد شدن احتیاج به ویرایش شدن توسط متخصصین طراحی فونت دارند اما با ایجاد همین تغییر اندک تا حد زیادی در خروجی به درستی نمایش داده میشوند و از شدت مشکلات فونت های فارسی تا حد زیادی کاسته میشود.
فایل فشرده فونت های اصلاح شده
نکته ها:
*باقی مشخصات به مانند تعیین رنگ و اندازه و ... در خود کانستراکت براحتی قابل ویرایش است.
*برای قرار دادن چندین فونت میتوانید دستور(عبارت) بالا را به مقدار لازم کپی گرفته و با انتخاب و درج نام فونت های مختلف، دستور را در زیر دستور قبلی تکرا کنید.قرار دادن کپی فایل اصلی فونت ها در خروجی فراموش نشود.
*انتخاب نام پوشه ئی که کپی فونت مد نظر در ان قرا میگیرد به دلخواه است که معمولاً از نام fonts استفاده میشود البته میتوانید فونت را در پوشه فرعی قرار ندهید و مستقیماً از پوشه اصلی ادرس دهی نمائید که البته این کار بهتر است انجام نشود و حتماً فونت را در یک پوشه فرعی قرار دهید.
*فونت ها را به هیچ عنوان داخل کانستراکت ایمپورت نکنید چون هنگام خروجی کانستراکت تغییراتی در آنها ایجاد میکند و حتماً به صورت دستی فونت ها را به پروژه اضافه نمائید.
*فونت ها ی اصلاح شده را بهتر است جایگزین فونت های از پیش نصب شده در سیستم رایانه خود نمائید.
*هر چند روش بسیار آسانی بوداما بنده یک نمونه فایل کانستراکت و یک نمونه خروجی html کوردوا را برای بررسی و درک بهتر دوستانی که شاید خوب متوجه موضوع نشد در یک فایل زیپ قرار دادم که میتوانید از اینجا دانلود نمائید.
والسلام علی من اتبع الهدی...
--------------\\\\\\\\\\*******\\\\\\\\---------------------------\\\\\\\\\\**********\\\\\\\---------
*«يَرْفَعِ اللَّهُ الَّذِينَ آمَنُوا مِنْكُمْ وَ الَّذِينَ أُوتُوا الْعِلْمَ دَرَجاتٍ//خداوند کسانی را که ایمان آورده اند و کسانی را که دانش به آنان عطا شده است.درجات عظیمی می بخشد.»(قرآن کریم، المجادلة، 11 )*
*پیامبر اکرم (ص) فرمود:«علم آموزي بر هر مرد و زن مسلمان، واجب است.»(مصباح الشريعة، ج 13)
*«يَرْفَعِ اللَّهُ الَّذِينَ آمَنُوا مِنْكُمْ وَ الَّذِينَ أُوتُوا الْعِلْمَ دَرَجاتٍ//خداوند کسانی را که ایمان آورده اند و کسانی را که دانش به آنان عطا شده است.درجات عظیمی می بخشد.»(قرآن کریم، المجادلة، 11 )*
*پیامبر اکرم (ص) فرمود:«علم آموزي بر هر مرد و زن مسلمان، واجب است.»(مصباح الشريعة، ج 13)