عدم مشاهده فونت دلخواه در هنگام چاپ صفحه + بهمراه یک سوال خیلی تخصصی

[imanmir]

با سلام دوستان من تو حالت معمولی اطلاعاتم را با فونت دلخواه می بیند این موضوع در فایر فاکس می باشد ولی معمولی نشون می ده
نوع بکار گیری فونت دلخواه
@font-face {
font-family: 'b koodak';
src: url('../fonts/BKoodakBold.eot?#') format('eot'), /* IE6–8 */
url('../fonts/BKoodakBold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../fonts/BKoodakBold.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

فونت ها مم دارم ولی مشکل دارم

این سوال تخصصی تر :
من چند باکس دارم که می خوام چاپ کنم که این باکس ها بر اساس تعداد اطلاعات افزایش پیدا می کنه حالا می خوام چاپ کنم نصف باکس توی این صفحه و نصف باکس دیگه توی صفحه ی دیگه چاپ می شه می خوام کدی باشه که تشخیص بده این باکس توی صفحه جا نمیشه و باید در صفحه دیگه جا بشه و یک متن ثابت نیز پایین هر صفحه باشه که چاپ می شه

 

[imanmir]

خواهشمند است پاسخ دهید

خواهشمند است پاسخ دهید

 

[hamedset]

خوب عزیز اسم فونت فامیلی شما b koodak است. در حالی که اسم فونت ها BKoodakBold . اگه نام فونت فامیلی(font-family: 'b koodak) رو به BKoodakBold تغییر بدی مشکلت حل میشه (font-family: 'BKoodakBold). در ضمن پوشه فونت ها تو پوشه قالب باید باشه.
سوال دومت رو متوجه نشدم. یکم واضح تر توضیح بده.
موفق باشی

 

[imanmir]

با سلام

مرسی از پاسخت
موارد اصلاح شد ولی درست نشد
font-face {
font-family: 'BHoma';
src: url('fonts/BHoma.eot?#') format('eot'), /* IE6–8 */
url('fonts/BHoma.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/BHoma.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.txt_white_td
{
font-family:'BHoma',tahoma;
font-size:14px;
}
فایل فونت ها مم درچند مسیر امتحان کردم باز نشد

در مورد دو سوال فنی بعدی پیوست را مشاهده کنید
توضیح پیوست:
ببنید صفحه یک هدر و فوتر دارد که هدر و فوتر در همه صفحات یکسان می باشد حالا می خواد 20 صفحه چاپ کنه چگونه این را در css یا html در زمان چاپ پیاده سازی کنیم که هر بار چاپ می شه محتوایی این هدر و فوتر بیوفته در تمامی صفجات الان کد من فقط اولین صفحه و آخرین صفحه می اندازد من می خوام تو همه صفحات بیافتد
و سوال مهم تر در پیوست 3 باکس وجود دارد 2 باکس فوق کامل درست جا شده ولی باکس 3 نصف در صفحه اول و نیمه دیگر در صفحه دوم من می خوام کدی باشه که بفهمه بر اساس میزان اطلاعات هر باکس در یک صفحه جا نمیشه بره در صفحه دوم چاپ کنه که کامل باکس بیوفته
امید وارم متوجه شده باشید

 

[imanmir]

یک نمونه خام از استفاده fontface

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

 

[imanmir]

با سلام

منتظرم

 

[hamedset]

ببینید من خودم از این روش استفاده می کنم و فونت ها رو هم در پوشه قالب و در یک پوشه به نام fonts ذخیره کردم و کار میکنه. کدش رو میزارم. این کد رو در فایل استایل خود قرار بدید.style.css

@font-face {

  font-family: 'BKoodakBold';

  src: url('fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */

       url('fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/

       url('fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */

}

موفق باشید.

 

[echessdesign]

درود بر شما
سایت شما استفاده درون سازمانی داره یا بر روی سرور در اینترنت استفاده عمومی داره؟
فونتی که شما در نظر گرفتید، فونت متداول موجود بر روی سیستم ها نیست!
2 راه حل دارید:
1- یا فونت خود را تبدیل به فونت تحت وب کنید
2- از فونت معمول استفاده کنید

 

[imanmir]

مرسی از پاسختان

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

 

[Domanjiri]

سلام

من فونت شما رو دانلود نکردم که ببینـ َم درست هست یا نه، داخل فایل پیوست فونت کودک استاندارد شده(تاحدودی!) رو براتون قرار دادم.

خودم هم از کد زیر استفاده می کنـ م:

@font-face {
  font-family: "bkoodak";
  src: url("****.eot");
  src: local("☺"),
       url("****.ttf") format("truetype");
}

اما در مورد سوال دوم، برای چاپ هدر و فوتر در همه صفحه ها، می تونید در استایل مربوط به پرینت (@media print) هدر و فوتر رو بصورت fixed قرار بدین [تست نکردم و فقط به ذهنم رسید]

برای دو تکه نشدن یه جدول، خصیصه ی page-break-after وجود داره که می تونید اونو در استایل مربوط به پرینت بـ کار ببرید. البته استفاده نُرم این ویژگی برای چاپ هر جدول در یک صفحه جدا هست که با کدنویسی جاوااسکریپت و محاسبه طول باکس ها و .. میشه به مطلوب شما رسید.

شاد باشـ ین.

 

[imanmir]

مشکل وجود دارد

با سلام مرسی از پاسخهایتان
من فونت مذکور را تست کردم باز در هنگام چاپ مشکل دارد و فونت معمولی نمایش می دهد
آیا ورژن فایر فاکسم مشکل دارد

ff 9.1 می باشد
ولی روی IE 8 جواب داد
نمونه را پیوست کرده ام

 

[Domanjiri]

مشکل از مرورگر باشه؟!

شما بیـ زحمت یه سایت که فونت فارسی استفاده کرده رو باز کنید بـ بینید چی میشه دیگه. (مثلن p30download.com )

 

[imanmir]

مشکل با عدم نمایش تصویر بکگراد در چاپ

با سلام من کد زیر را می نویسم
<style type="text/css" media="print">
.bg
{
background-image:url(bg.png);
background-repeat:repeat;
}
</style>

<div class="bg">test</div>

ولی موقع چاپ چیزی نمایش نمی ده مشکل چیست؟
در مورد سوال جا شدن تعداد باکس ها بنده سطر و ستون کل جداول را محاسبه و اعمال کنترل کرده ام و درست شد
در مورد فونت هنوز مشکلم با ff ورژن 9.1 پابه جاست اون سایتم دیدم ولی چیزی پیدا نکردم اما با ff 9.1 درست کار کرد سایت http://p30download.com نمی دونم از چه کدی استفاده کرده

 

[imanmir]

مشکل عکس بر طرف شد

با سلام مشکل عکس بر طرف شد مشکل این بود که باید در تنظیمات چاپ مرورگر رفته و گزنه print backgrand را فعال می کردی
اما مشکل فونت هنوز پا بجاست

 

[o_real_love]

دوست عزیز بهتره یه سری به این لینک بزنید
خیلی مفید هست:

شیوه صحیح پیوست فونت به صفحه وب در CSS3 به همراه 40 فونت فارسی اصلاح شده برای فایرفاکس 6
یکی از مشکلاتی که در وب فارسی با آن مواجه هستیم، محدودیت فونت است. متاسفانه در وب فارسی ما محدود به سه فونت هستیم که بر روی تمامی سیستم ها نصب شده است. فونت arial, Tahomaو mono-type تنها فونتهایی هستند که می‌توانیم از آنها استفاده کنیم در حالی که برای زبان انگلیسی حداقل نزدیک به 10 فونت در دسترس است.

از مدتها قبل طراحان از شیوه های مختلفی برای استفاده از فونت‌ها در وب استفاده کرده اند. یکی از شیوه های رایج، جایگزینی متن با تصویر بود. طراح متن مورد نظر را با فونت مورد نظرش در نرم افزار گرافیکی می‌نوشت و آن را به طرح خود منتقل می‌کرد. این شیوه محدودیت ‌هایی را به همراه داشت که یکی از آنها بالا رفتن حجم صفحات وب بود. بعد از مدتی طراحان به فکر استفاده از شیوه های دیگری افتادند که یکی از این شیوه‌ها استفاده از تکنیک sIFR بود. در این متد، فونت خود را داخل یک فایل فلش قرار می‌دهید و یک فایل جاوااسکریپت را نیز به صفحه خود اضافه می‌کنید. این فایل جاوااسکریپت در هر جایی که قرار بود فونت مورد نظر نمایش یابد، متن آن بخش را مخفی می‌کرد و به جایش یک فایل فلش را قرار می‌داد که همان متن را با فونت مورد نظر شما نمایش می‌داد. این فایل فلش قابلیت خوبی داشت و با کوچک شدن عرض صفحه قابلیت scaleشدن را دارا بود و به هم ریخته نمایش داده نمیشد ولی این شیوه نیز محدودیت های خود را داشت.
نخست اینکه باعث کندی صفحه می‌شود و کاربر حتماً باید جاوااسکریپت و فلش را بر روی مرورگرش فعال می‌کرد تا بتواند فونتها را ببیند. مورد دوم اینکه پیاده سازی این تکنیک بر روی سایت بسیار زمان بر و پیچیده بود. در نهایت مشکلی که برای استفاده از این تکنیک وجود داشت این بود که با زبان فارسی مشکل داشت. متن فارسی در این تکنیک یا نمایش داده نمیشد و یا به شکل بی هم ریخته نمایش میافت. البته دوستان با کار کردن بر روی فایل های sIFR توانسته بودند که مشکل نمایش حروف فارسی رو حل کنند ولی همچنان کپی کردن متنی که توسط sIFR ایجاد شده بود، امکان پذیر نبود.

پس از این برخی از توسعه دهندگان بر روی تکنیکی دیگر کار کردند که فونت ها را با استفاده از جاوااسکریپت و قابلیتهای مانند SVG در مرورگر، در صفحه، رسم کنند. بر این اساس، cufon شکل گرفت. در این سرویس شما فونت را به سایت مربوطه آپلود می‌کنید و در عوض یک فایل جاوااسکریپت دریافت می‌کنید که می‌توانید آن را در صفحه استفاده کنید و متن شما با فونت مورد نظرتان به نمایش در می‌آمد. کوفون هم مشکلات خودش را داشت. از طرفی باعث کند شدن صفحه می‌شد و دوم اینکه زبان فارسی را پشتیبانی نمی‌کرد (و همچنان پشتیبانی نمی‌کند). البته دوستان بر روی این پروژه کار کرده اند و در حال حاضر کوفون برای زبان فارسی نیز در دسترس است. در پی نوشت همین پست می توانید اطلاعات تکمیلی را بخوانید.

بعد از همه گیر شدن مرورگر فایرفاکس و پس از آن ارائه مرورگرهای اپرا، سافاری برای ویندوز و کروم، پشتیبانی از قابلیت های CSS3 گسترش پیدا کرد در نتیجه پشتیبانی از قابلیت @font-face افزایش یافت. با استفاده از این قابلیت می‌توان فونتی را به صفحه پیوست کرد و در صورتی که این فونت بر روی سیستم کاربر موجود نباشد، از روی server دریافت شده و برروی سیستم کاربر قرار می‌گیرد و شما می‌تواند از هر فونتی که دوست دارید بر روی وب استفاده کنید.

تنها مشکلی که وجود داشت، مرورگر اینترنت اکسپلورر بود که تا قبل از نسخه 9 از این قابلیت پشتیبانی نمی‌کرد. البته مایکروسافت، سالها قبل فرمت EOT را برای پیوست فونت به صفحه ایجاد کرده بود. مایکروسافت امیدوار بود که این استاندارد را ترویج دهد ولی هیچ مرورگری از این فرمت پشتیبانی نکرد.

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

حال باید ببینیم که دستور @font-face را به چه شکل باید استفاده کرد. برای استفاده از این دستور تنها کافیست این عبارت را در بالای فایل CSSخود قرار دهید:

@font-face {
    font-family: 'yekan’;
    src: url('fonts/yekan.ttf') format('truetype'); 
}

در اینجا در خط اول، font-family را تعیین کرده ایم، هر نامی را که دوست داشته باشید، می‌توانید برای فونت انتخاب کنید. در خط دوم در دستور src باید مسیر فونت بر روی serverرا مشخص کنید و در آخر در دستور format، نوع فونت را مشخص می‌کنید. این دستور را در اول فایل CSSقرار می‌دهید و در ادامه در هر جایی که از فونتی با اسم yekan استفاده کنید، فونت مورد نظر شما از سرور دریافت شده و بر روی سیستم کاربر نمایش می‌یاید. اگر این بخش را در اول فایل CSS قرار ندهید و از فونت yekan در دستوری قبل از دستور font-face استفاده کنید، از آنجائیکه هنوز دستور font-face در دسترس مرورگر نبوده است، فونت مورد نظر شما نمایش داده نمی‌شود پس سعی کنید همیشه این بخش را در اول فایل CSS خود قرار دهید.

حال با استفاده از سرویس های آنلاینی چون Kirsle (تنها این سایت توانست فونت‌های فارسی را به درستی تبدیل کند) فونت را به فرمت EOT تبدیل می کنیم و دستورمان را نیز ویرایش می‌کنیم:

@font-face {
    font-family: 'yekan’;
    src:url('fonts/yekan.eot') format('eot'),    
          url('fonts/yekan.ttf') format('truetype'); 
}

حال باید اینترنت اکسپلورر نیز بتواند فایل فونت مربوط به خود را دریافت کند. فرمت EOT را در خط اول قرار می‌دهیم و فرمت TTF را در خط بعدی. مرورگرهای جدید خط اول را نادیده می‌گیرند و به سراغ خط دوم می‌روند.
البته اینترنت اکسپلورر باز هم رفتاری عجیب نشان می‌دهد. اگر دستورات خود را به این شکل بنویسید، اینترنت اکسپلورر نخست فایل EOTرا دریافت می‌کند و به سراغ خط بعدی می‌رود و فایل TTF را هم دریافت می‌کند ولی ملاک را فایل دوم قرار می‌دهد و از آنجائیکه نمی‌تواند این فرمت را نمایش دهد، متن شما را با فونت پیش‌فرض نمایش می‌دهد و حتی از فرمت EOT که دریافت کرده بود نیز استفاده نمی‌کند.

حال ما از یک هک استفاده می‌کنیم تا IE را به اشتباه بیاندازیم تا تنها خط اول را ببیند. کد خود را ویرایش می‌کنیم و دو علامت ?#را بعد از آدرس فرمت EOTاضافه می‌کنیم:

@font-face {
    font-family: 'yekan’;
    src:url('fonts/yekan.eot?#’) format(‘eot’),    
          url(‘fonts/yekan.ttf’) format(‘truetype’); 
}

با این ترفند، مرورگر اینترنت اکسپلورر تنها خط اول را می بیند و تنها فایل EOT را دریافت می ‌کند در حالی که مرورگرهای دیگر خط اول را نادیده گرفته و خط دوم رو می‌خوانند و فونت TTF را دریافت می‌کنند. حال برای مرورگرهای جدیدتر از فرمت WOFF هم استفاده می‌کنیم تا کاربرانی که از این مرورگرها استفاده می‌کنند، فایل کم حجم تری را دریافت کنند. در این حالت، صفحه با سرعت بیشتری برای این کاربران باز می‌شود. البته هک‌های دیگری همچون هک smiley که توسط پاول آیریش ایجاد شده. البته همه جا پیشنهاد شده است که از هک اول که ما توضیحش دادیم، استفاده شود.

@font-face {
    font-family: 'yekan’;
    src:url('fonts/yekan.eot?#’) format(‘eot’),    
          url('fonts/yekan.woff') format('woff'),
          url(‘fonts/yekan.ttf’) format(‘truetype’); 
}

حال تمامی مرورگرهای قدیمی و جدید می‌توانند فونت ها را دریافت کرده و سایت شما را با فونت مورد نظرتان نمایش دهند.

با دریافت این فایل به 40 فونت فارسی اصلاح شده با سه فرمت TTF, WOFFو EOT دسترسی خواهید داشت که می‌توانید آنها را در هر صفحه ای که دوست دارید، به کار ببرید. برای سهولت کار یک فایل به نام fonts-demo.html داخل فایل زیپ است. با باز کردن این فایل می‌توانید نمایی از تمامی فونت ها ببینید و نام هر فونت را نیز در کنارش مشاهده کنید. با دیدن source صفحه نیز می‌توانید دستور @font-face را هم مشاهده کنید و در صورت نیاز آن را کپی کرده و در فایل CSSخود قرار دهید. همچنین یک پوشه به نام fonts نیز وجود دارد که هر 40 فونت با سه فرمت مختلف درون آن جای گرفته. فونتهایی را که می‌خواهید به صفحه پیوست کنید را از داخل آن انتخاب کرده (هر سه فرمت را انتخاب کنید) و بر روی سرور خود قرار دهید.

توجه داشته باشید که نمی‌توانید چند فونت را به طور همزمان با یک دستور @font-face به صفحه پیوست کنید و برای پیوست چند فونت مختلف باید برای هر فونت از یک دستور @font-face استفاده کنید.

البته توصیه شده بود که برای استفاده از فونت‌ها در وب باید حتما MIME Type فونت را هم مشخص کنید و به server بگوئیم که فرمت فایل فونت چیست. منتها به خاطر عدم تعیین یک استاندارد جامع، به نظر می‌رسد که تعیین نکردن MIME Type مشکلی ایجاد نکند. به عنوان مثال در مستندات سایت موزیلا آمده است که به خاطر عدم تعیین MIME Type برای فرمت‌های مختلف فونت، این مرورگر دیگر به فرمت‌هایی که بر روی سرور تعیین شده توجهی نمی‌کند.

البته بعد از ارائه فایرفاکس 6 به خاطر مشکل فونت‌های غیر استاندارد فارسی، حروف جدا از هم نمایش داده میشد که با اصلاح فونت ها از طریق سایت Online Font Convertor این مشکل هم برطرف شده است. دقت داشته باشید که فونت‌های فارسی همچنان غیراستاندارداند و احتیاج به ویرایش شدن توسط متخصصین طراحی فونت دارند منتها با همین تغییری که اکنون ایجاد شده است می‌توان این فونت را به کاربرد و در مرورگرهای مختلف نیز فونتها را به شکل درستی به نمایش می‌گذارند.
منبع: http://www.wedesign.ir

 

[talesh]

سام دوست گرامی این کد رو امتحان کن 100% جواب میگیری به امید پیروزی

 @font-face{
font-family: "b-moj";
url:("b-moj.ttf") format("truetype");


}

طراحی قالب وردپرس و سایت و بهینه سازی​