نحوه استفاده از وب فونت ساخته شده توسط fontsquirrel.com

[CO-2014 23]

درود

همانطور که میدونید سایت fontsquirrel.com یکی از برترین وبسایتها برای دانلود و convert فونت هست. این سایت سرویسی داره بنام webfont generator که با استفاده از اون میتونید فونتها رو با پیشرفته ترین متد تبدیل به وب فونت کنید و دیگه نگران لبه های مربعی شکل حروف نباشید. فونتهای شما با بهترین کیفیت و کمترین حجم تبدیل به وب فونت خواهند شد.

بعد از استفاده از این سرویس ، شما یه بسته دریافت میکنید با محتوای فونتهای وب با 4 فرمت و چند فایل css .

تکلیف فونت ها معلومه اما اینکه چطور باید این فایلهای css رو در قالب قرار داد و کجا نمیدونم.

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

من طراحی سایت رو تموم کردم فقط مونده تغییر فونتها. سایتم روی لوکال هست. الان این فایلها رو باید در قالب و درون پوشه css قرار بدم، یا راهکار دیگه ای داره؟

فونت یکان

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

[sarj 31]

درود

مهندس جان؛

اولین نکته که سعی کنید فایل ttf ی که بهتون میده رو حذف کنید و فایل ttf اصلی خودتون رو جایگیزین کنید چون بعضا تجربه کردم مشکل داشته فایل های ttf تولیدی

دوم مهمترین چیزی که به شما میده اون کلاسی هست که باید در template.css (یا هرفایل اصلی دیگیری-چون در فریم ورک های مختلف متفاوت هست) وارد کنید و نهایتا ازش استفاده کنید

موفق باشید

[CO-2014 23]

ممنون مهندس

اینجا هم چند تا راهنما هست ببینید بد نیست.

[حجت مردانه زاده 596]

یک نکته ای بگم.چون خودم قبلا تست کرد ه بودم ؛ اکثر این سرویس دهنده هایی خارجی ای که فونت رو باهاشون میشه بعنوان فونت فیس خروجی گرفت و تبدیل کرد. خروجی100% استانداردی نمیدن و فونت در سایت قابل اجرا نیست!

پیشنهاد میکنم

از سورسی که سایت شیوه صحیح پیوست فونت به صفحه وب در CSS3 به همراه 40 فونت فارسی اصلاح شده برای فایرفاکس 6 قرار داده شده و کاملا هم استاندارد و تست شده ست استفاده کنید.

خودش 40 فونت فارسی رو داره فکر نکنم دیگه فونتی مدنظر باشه که این نداشته باشه...

موفق باشید و سربلند

[CO-2014 23]

تشکر مهندس

درسته. چون خودم هم تست کردم و جواب نداد.

مشکل من درواقع فونت استاندارده مهندس. الان از چندین فونت یکان استفاده کردم که هر کدوم یه جور هستن !

پکیج فونتها لینکش خرابه. اگه شما فونت یکان استاندارد رو سراغ دارید، لطفا معرفی کنید.

تصمیم گرفتم برای کارهای بعدی از فونت ایران استفاده کنم. نظر شما در این مورد چیه ؟

یه سوال دیگه : وقتی سایز فونت رو تو css یه مقدار مثلا 14 پیکسل تعریف کنیم، سایز فونت رو تو ادیتور باید همون مقدار قرار بدیم یا فرقی نمیکنه ؟ من چند بار با این مشکل رو برو شدم. فونتها درون همدیگه میرن و فاصله استاندارد بین خطوط از بین میره. لطفا راهکار صحیح رو بفرمایید.

[farhad6169 10]

سلام آقا رضای گل

با عرض پوزش از مدیران سایت من آدرس آپلود سنتر انجمن رو نمی دونم و همیشه عکس رو با ادیتور ارسال کردم و فایلی ارسال نکردم که بدونم آرس رو و به همین خاطر 40 تا فونت فارسی که از همین سایتی که جناب مردانه زاده معرفی کرده بودند قبلا گرفته بودم که برات ایمیل کردم. در صورت صلاحدید در انجمن قرار بدهید.

در مورد سوال دوم قسمت اول رو متوجه نشدم. " وقتی سایز فونت رو تو css یه مقدار مثلا 14 پیکسل تعریف کنیم، سایز فونت رو تو ادیتور باید همون مقدار قرار بدیم یا فرقی نمیکنه ؟ "

ولی وقتی که شما در فایرباگ سایز رو عوض می کنید باید در فایل اصلی هم تغییرات رو اعمال کنید و فایل رو سیو کنید.

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

line-height:130%;
line-height:30pc;

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

موفق باشی

[farhad6169 10]

ببخشید یک غلط تایپی ایجاد شد در کدها

کد اصلاح شده

line-height:130%;

line-height:30px;

[CO-2014 23]

مثلا من با فایرباگ محل کدها رو شناسایی کردم و در فایل مربوطه تغییرات رو انجام دادم و سیو کردم. حالا اندازه فونت در فایل css من مثلا 14 پیکسل تعریف شده. حالا وقتی مطلبی رو منتشر میکنم اندازه فونتها خیلی کوچکتر از 14 پیکسل هست ! وقتی هم میخوام در ادیتور جوملا اندازه ااون رو بیشتر کنم فونتها درهم فرو میرن و به هم میریزن.

تصویر بخش مدیریت :

تصویر سایت :

[farhad6169 10]

سلام آقا رضای گل

از این تصویر که ارسال کردی فکر می کنم که اندازه فونت رو داری تو ادیتور تعیین می کنی، که نباید این کار رو انجام بدی و باید در فایل css با دستور

font-family:yekan;
font-size:14px;
line-height:140%;

استایل ها رو بدی. این کار خیلی بهتر و آسان تر و استانداردتره.

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

body,p,span{
font-family:yekan;
font-size:14px;
line-height:140%;
}

[farhad6169 10]

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

font-family:yekan !important;
font-size:14px !important;
line-height:140% !important;

[CO-2014 23]

قالبم favourite هست. قالب آسونیه و با امکانات عالی. به راحتی فونتها اعمال شده و فقط خودم راهکارهای استاندارد رو بلد نیستم که بیشتر در اثر کم تجربه بودن خودمه.

فقط یه سوال : اندازه فونت رو در سایت چقدر بزارم که نرمال باشه ؟ یعنی نه خیلی ریز باشه و نه خیلی درشت. اندازه منو رو هم بگی ممنون میشم فرهادعزیز.

سایت که تموم شد دمو میزارم نظر بدی. این اولین سایتم هست که آنلاین میشه ! درواقع بعد از اینهمه وقت اولین کار جدی منه. امیدوارم نا امید کننده نباشه !!!

[farhad6169 10]

آقا رضای گل

فونت ها در سایزهای یکسان هم اندازه نیستند مثلا فونت miriad و فونت مثلا badr اگه هردوشون سایز 14 رو داشته باشند فونت miriad ریزتر از badr هستش.

به نظرم نه زیاد درشت باشه که زشت بشه و نه زیاد ریز که خوندنش برای همه راحت باشه.

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

بازم کاری بود در خدمتم

[CO-2014 23]

برای نازک کردن فونت بجز دستور : font-weight چه راهکارهایی هست.

مقدار : font-weight رو هم روی 200 و 100 هم گذاشتم ولی تاثیری نداره.

آیا باید از مقدار em بجای px استفاده کنم ؟

دلیلش چیه ؟

ویرایش شده در شهریور 94 توسط CO-2014

[sarj 31]

شما دستور رو با !important استفاده کنید ببینید جواب میده؟

font-weight: normal !important;