عوض کردن قلم تالار

[vafa]

میشه قلم تالار رو به قلم Iranian Sans تغییر بدهید. این قلم رو می‌تونید از
http://farsitel.com/fonts/irsans.ttf
 دریافت کنید.

در حال حاضر قلم تالار بستگی به سیستم عامل بازدیدکننده داره و توی بعضی سیستم‌عاملها واقعاً قلم زشته و خوندن مطالب سخته. با استفاده از این قلم دیگر همه افراد در هر سیستم عاملی نوشته‌ها رو با یک قلم می‌خونند.

[وحید دامن‌افشان]

میشه قلم تالار رو به قلم Iranian Sans تغییر بدهید. این قلم رو می‌تونید از
http://farsitel.com/fonts/irsans.ttf
 دریافت کنید.

بله می‌شه. من دقیقاً همین کار رو برای سایت انجام دادم. اگر مثلاً این پست از وبلاگ پارسی‌لاتک رو ببینید، می‌بینید که برای عنوان پست و بخش‌های (تگ‌های h3) داخل پست از فونت B Koodak استفاده کردم. توی این روش، فرمت‌های woff و eot از روی فرمت ttf فونت ساخته می‌شن و هر سه روی هاست سایت آپلود می‌شن. بعدش هر کجا که این فونت لازم باشه، بسته به مرورگر کاربر، یکی از این فرمت‌ها از روی هاست فراخوانی می‌شن و طبیعتاً دیگه اهمیتی نداره که اون فونت روی سیستم کاربر نصب شده باشه یا نه.
با وجودی که این کار، زیبایی خاصی به سایت می‌بخشه، اما اگر برای کل متن‌های سایت ازش استفاده بشه، چون فونت‌ها مدام باید از هاست فراخوانی بشن، باعث کند شدن لود سایت می‌شه؛ مخصوصاً برای اینترنت کم‌سرعت ایران. به همین خاطر، اگر سایت‌ها و وبلاگ‌های ایرانی رو نگاه کنید، می‌بینید که تقریباً تمام‌شون فقط برای عنوان پست‌ها و تگ‌های h1 تا h6 و دکمه‌ها از این روش استفاده می‌کنن.
سعی می‌کنم آخر امشب که تالار خلوت‌تر هست، این روش رو امتحان کنم.

در حال حاضر قلم تالار بستگی به سیستم عامل بازدیدکننده داره و توی بعضی سیستم‌عاملها واقعاً قلم زشته و خوندن مطالب سخته. با استفاده از این قلم دیگر همه افراد در هر سیستم عاملی نوشته‌ها رو با یک قلم می‌خونند.

توی ویندوز، فونت تالار برای من Tahoma هستش. برای شما با چه فونتی نمایش داده می‌شه؟
می‌شه یه اسکرین‌شات از همین پست من پیوست کنید؟
ممنون

[vafa]

توی این روش، فرمت‌های woff و eot از روی فرمت ttf فونت ساخته می‌شن و هر سه روی هاست سایت آپلود می‌شن. بعدش هر کجا که این فونت لازم باشه، بسته به مرورگر کاربر، یکی از این فرمت‌ها از روی هاست فراخوانی می‌شن و طبیعتاً دیگه اهمیتی نداره که اون فونت روی سیستم کاربر نصب شده باشه یا نه.

لازم به فرمت‌های woff و eot نیست. فرمت ttf کافیه.

توی ویندوز، فونت تالار برای من Tahoma هستش. برای شما با چه فونتی نمایش داده می‌شه؟
می‌شه یه اسکرین‌شات از همین پست من پیوست کنید؟
ممنون

من در حال حاضر دسترسی به اون یکی کامپیوترم که Ubuntu 14.04 هست ندارم. هر وقت دسترسی داشتم بهش یک screen shot می‌گیرم و می‌فرستم.

[وحید دامن‌افشان]

ببینید این عکسی که پیوست کردم، خوبه؟
اندازه فونت و فاصله بین خطوطش به این صورته:

کد: [انتخاب]

font-size: 13px;
line-height: 25px;البته فعلاً با استفاده از امکان Inspect element منوی راست کلیک مرورگر، این موارد رو به صورت محلی تغییر دادم و تست کردم. کلاس متناظر این تغییرات، post هستش.

[vafa]

ببینید این عکسی که پیوست کردم، خوبه؟
اندازه فونت و فاصله بین خطوطش به این صورته:

کد: [انتخاب]

font-size: 13px;
line-height: 25px;البته فعلاً با استفاده از امکان Inspect element منوی راست کلیک مرورگر، این موارد رو به صورت محلی تغییر دادم و تست کردم. کلاس متناظر این تغییرات، post هستش.

آره خیلی خوانا و خوبه. آدم واقعاً از خوندن پست لذت می‌بره.

[وحید دامن‌افشان]

لازم به فرمت‌های woff و eot نیست. فرمت ttf کافیه.

مطمئنید که همون ttf کافیه؟ آخه من شنیدم که:

در حال حاضر می‌توان فونت ها را با فرمت TTF به صفحه پیوست کرد که این فرمت توسط تمامی مرورگرهای جدید، قابل نمایش است. با استفاده از سرویس ‌های آنلاین نیز می‌توان همین فرمت TTF را به فرمت EOT تبدیل کرد تا مرورگرهای اینترنت اکسپلورر نیز بتوانند فونت های شما را به شکل درستی به نمایش بگذارند. علاوه بر این فرمت، کنسرسیوم جهان وب، فرمت WOFF را هم پیشنهاد کرد که حجم کمتری را ارائه می‌دهد و هم می‌توان حق نشر فونت را هم در آن حفظ کرد. خوشبختانه مرورگرهای فایرفاکس و اپرا و آی ای 9 از این فرمت پشتیبانی کره اند و به نظر می‌رسد که در آینده نزدیک این فرمت در تمامی مرورگرها پشتیبانی شود. با استفاده از این سه فرمت می‌توانید هر فونتی را بر روی وب استفاده کنید و مطمئن خواهید بود که فونتتان در مرورگرهای مختلف جدید و قدیمی به درستی نمایش داده می‌شود. تنها سیستم عامل iOS نسخه  قدیمی است که تنها از فرمت فونت SVG پشتیبانی می‌کند ولی این مشکل iOS نیز در نسخه 4.2 حل شده است. اکنون مرورگر این سیستم عامل می‌تواند فونت‌های TTF را نیز بخواند.

[vafa]

مطمئنید که همون ttf کافیه؟ آخه من شنیدم که:

حرفی که من زدم طبق تجربه شخصی خودم بود و اطلاعی از مطلبی که داخل نقل‌قول گذاشتی نداشتم.

[وحید دامن‌افشان]

محض اطمینان، هر سه فرمت فونت Iranian Sans رو روی هاست آپلود کردم و تغییرات لازم برای تغییر فونت متن پست‌ها رو توی فایل css قالب تالار اعمال کردم. علاوه بر این، به دلیل یکسان نبودن اندازه فونت‌های Tahoma و Iranian Sans، اندازه فونت و فاصله بین خطوط رو توی محیط نقل‌قول هم تغییر دادم تا خوانا بشه.
توی کروم مشکلی وجود نداره؛ اما توی فایرفاکس نسخه 31.0، نقطه پایین حرف «پ» رو نمایش نمی‌ده؛ یعنی مثلاً کلمه «آپلود» رو به صورت «آیلود» نمایش می‌ده.

[vafa]

محض اطمینان، هر سه فرمت فونت Iranian Sans رو روی هاست آپلود کردم و تغییرات لازم برای تغییر فونت متن پست‌ها رو توی فایل css قالب تالار اعمال کردم. علاوه بر این، به دلیل یکسان نبودن اندازه فونت‌های Tahoma و Iranian Sans، اندازه فونت و فاصله بین خطوط رو توی محیط نقل‌قول هم تغییر دادم تا خوانا بشه.

ممنون. اما هنوز قلم صفحه اصلی تالار این قلم نیست. یک screen shot فرستادم. میشه کاری کرد که همه جای تالار از این قلم استفاده کنه؟

توی کروم مشکلی وجود نداره؛ اما توی فایرفاکس نسخه 31.0، نقطه پایین حرف «پ» رو نمایش نمی‌ده؛ یعنی مثلاً کلمه «آپلود» رو به صورت «آیلود» نمایش می‌ده.

من توی Mac OS X 10.7.5 از نسخه 32.0 فایرفاکس استفاده می‌کنم و این مشکل رو ندارم.

[وحید دامن‌افشان]

ممنون. اما هنوز قلم صفحه اصلی تالار این قلم نیست.

آره درسته. من فقط فونت پست‌ها رو عوض کردم. اگر بخوایم فونت تمام قسمت‌ها رو تغییر بدیم، سرعت لود متن‌های تالار برای ماها توی ایران که اینترنت خوبی نداریم، پایین میاد. مثلاً خود من با اینکه اینترنت پرسرعت ۵۱۲ کیلوبیت دارم، وقتی همین تاپیک رو باز می‌کنم، بعد از لود صفحه، گاهی ۳-۴ ثانیه طول می‌کشه تا متن‌هایی که فونت‌شون Iranian Sans شده، ظاهر بشن؛ یعنی بعد از لود همه عناصر صفحه مثل هدر، اسم تاپیک، پروفایل و...، چند ثانیه دیگه طول می‌کشه تا متن‌ پست‌ها ظاهر بشه (عکس پیوست رو ببین). حالا اگه فونت تمام قسمت‌ها رو به Iranian Sans تغییر بدیم، این تاخیر، بیشتر هم می‌شه.

بنابراین با توجه به اینکه تقریباً تمام کاربران، سروکار اصلی‌شون با خود پست‌ها هستش، اگر موافق باشید، حداقل در مرحله اول، فقط فونت متن پست‌ها رو تغییر بدیم. اگر همه با این تغییر راضی بودن، فونت تمام قسمت‌ها رو تغییر می‌دیم.

میشه کاری کرد که همه جای تالار از این قلم استفاده کنه؟

آره؛ اما با توجه به اختلاف بین فونت قبلی یعنی Tahoma با فونت Iranian Sans از لحاظ اندازه فونت و فاصله بین خطوط، اگه بخوایم فونت تمام قسمت‌ها رو تغییر بدیم، باید تمام کلاس‌های متناظر با این قسمت‌ها رو هم توی فایل css قالب تالار تغییر بدیم؛ چون این کلاس‌ها برای فونت Tahoma تنظیم شدن.

[vafa]

جالبه چون برعکس برای من سرعت load شدن تالار ۱۰ برابر شده. یک راه دیگه اینه که این قلم به google fonts اضافه بشه ولی خوب این کار رو باید مولف قلم انجام بده.

[vafa]

اگر امکان داره نسخه bold این قلم رو هم نصب کنید چون اگر چیزی رو در تالار با قلم bold بنویسیم، معمولی ظاهر میشه مثل این پست:

http://www.parsilatex.com/forum/SMF/index.php?topic=6983.msg35625#msg35625

در نوشته بالا «توضیح cropmark گوشه سمت چپ بالا» و «توضیح cropmark گوشه سمت راست پائین» باید با قلم سیاه باشند که تنها cropmark سیاه هست.

قلم رو می‌تونید از صفحه زیر دریافت کنید:

http://openfontlibrary.org/en/font/iranian-sans

[وحید دامن‌افشان]

اگر امکان داره نسخه bold این قلم رو هم نصب کنید چون اگر چیزی رو در تالار با قلم bold بنویسیم، معمولی ظاهر میشه

خیلی عجیبه. من با مرورگر کروم و فایرفاکس توی ویندوز، فایرفاکس توی اوبونتو و کروم توی اندروید مشکلی ندارم. عکس‌های پیوست رو ببینید. شما با چه مرورگر و سیستم‌عاملی مشکل دارید؟
آخر وقت امشب دوباره در مورد این مشکل سرچ می‌کنم و روش کار می‌کنم. نتیجه رو همین‌جا اعلام می‌کنم.
ممنون که این مشکل رو گزارش کردید.

[vafa]

خیلی عجیبه. من با مرورگر کروم و فایرفاکس توی ویندوز، فایرفاکس توی اوبونتو و کروم توی اندروید مشکلی ندارم. عکس‌های پیوست رو ببینید. شما با چه مرورگر و سیستم‌عاملی مشکل دارید؟
آخر وقت امشب دوباره در مورد این مشکل سرچ می‌کنم و روش کار می‌کنم. نتیجه رو همین‌جا اعلام می‌کنم.
ممنون که این مشکل رو گزارش کردید.

google chrome روی Mac OS X 10.9.4

screenshot هم فرستادم.

[وحید دامن‌افشان]

از لینکی که فرستاده بودید، نسخه bold رو دانلود کردم و نسخه‌های woff و eot رو از روش ساختم و به صورت زیر توی فایل css قالب تالار گذاشتم. لطفاً چک کنید ببینید مشکل حل شده یا نه. شاید نیاز به خالی کردن کش مرورگرتون هم داشته باشید:

کد: [انتخاب]

@font-face {
  font-family: 'irsansb';
  src: url('../fonts/irsansb.eot?#') format('eot'),  /* IE6?8 */
       url('../fonts/irsansb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/irsansb.ttf') format('truetype');  /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */
font-weight: bold;
}