مشکل با نمایش فونت های قالب

imanfakhar · شهریور 92

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

اول تمام تعاریف مربوط به فونت ها را پاک کنید

دوم فونت های مورد نظرتون را در سه نسخه eot , woff , ttf تهیه کنید و دقت کنید در نام فونتها حروف بزرگ و فاصله وجود نداشته باشد (در این مورد نام فونت entezar باشد)

سوم فونت های مورد نظر را به پوشه fonts در پوشه اصلی قالب منتقل کنید

چهارم کدهای زیر را به style.css اضافه کنید


@font-face{
font-family:"entezar";
src: url("fonts/entezar.eot");
src: local("Ã¢ËœÂº"),
url("fonts/entezar.woff") format("woff"),
url("fonts/entezar.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

پنجم کد زیر را به کلاس مورد نظر اختصاص بدید


font-family: "entezar", Arial, Tahoma;

ششم بدون اینکه هیچ تغییری در کدها بدید اعلام کنید تا چک شود

اگر تمام مراحل را به درستی انجام داده باشید و فونت اجرا نشد - لااقل مشکل مشخص می شود و می شود ایراد را گرفت

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

http://everythingfonts.com/

رفته و از طریق Font Conversion فونت اصلی را به دو فرمت دیگر کانورت کنید

shayan · شهریور 92

1-کلیه ی موارد که مربوط به فونت میشه اعم از : فونت فیس ها ، فونت فمیلی ، کلاس های مربوطه و ... با دقت پاک شد

2-فونت ها از طریق سایت ذکر شده کانورت و به فایل fonts منتقل شد

3- کد های ذکر شده به فایل style.css منتقل شد

4- و تو سه قسمت : لیست سمت چپ و لیست راست صفحه اصلی به علاوه تیتر عنواین page ها کلاس


font-family: "entezar", Arial, Tahoma;

معرفی شد

5- تمامی مراحل با دقت کامل انجام شد !

6-چک کنید

ممنون

imanfakhar · شهریور 92

فونتتون یونی کد نیست

یونی کدکردن فونت کار ساده ای نیست ژنراتوری که در

http://mandegarweb.c...tor/farsi-font/

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

به عکس زیر نگاه کنید با جایگزین نمودن فونت یونی کد dastnevis به جای فونت شما تغییرات اعمال شده است

shayan · شهریور 92

خب استاد جان من الآن باید چیکار کنم؟

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

و بعد از یونی کد کردن چه اقداماتی لازم هست

این ژنراتوری که معرفی کردید فونت انتظار نداره یا یه چیزی شبیه اون

البته یکی هست ولی وضعیت نقطه هاش اصلا جالب نیست

در ضمن تو قسمت اول این ژنراتور منظورش از کلاس چیه ؟؟

چه چیزی باید وارد بشه؟؟

ویرایش شده شهریور 92 توسط shayan

imanfakhar · شهریور 92

من نمی دونم فونت انتظار چه شکلیه تا مشابهش رو معرفی کنم

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

menu-right

shayan · شهریور 92

من نمی دونم فونت انتظار چه شکلیه تا مشابهش رو معرفی کنم
شما در قسمت کلاس بنویسید
menu-right

1-داداشی تست کن لطفا ببین درست شد

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

2- میخوام یه فونت دیگه معرفی کنم از همین روش استفاده کنم

یعنی اول فایل استایلم دو تا فونت فیس داشته باشم؟؟

3- من میخوام فونت ادوب عربیک این سایت رو از رو هاتش دانلود کنم که به احتمال زیاد یونی کد هست

http://www.ideaz.ir

ویرایش شده شهریور 92 توسط shayan

imanfakhar · شهریور 92

بله الان درست شد

هرچند تا فونت فیس داشته باشید فرقی ندارد ولی font-family ها باید متفاوت باشد

فونت اون سایت هم یونی کد نیست و کلا لوکاله فونت آنلاین هم نیست و از روی سیستم می خونه


  h2 a{
color:#ff0066;
font-size:30px;
font-family:adobe arabic
}
  h3{
color:#ff0066;
margin-top:0;
font-size:25px;
font-family:adobe arabic;
text-align:center
}
  #header h1 a{font-size:35px; font-family:adobe arabic; float:center; color:b5b5b5}

shayan · شهریور 92

اوکی ممنون

استاد بزرگوار چند مسئله دیگه:

1-من همون فونت فیس هایی که به صفحه نخست دادم رو به فایل page.php هم دادم ولی نمیدونم چرا اونجا جواب نمیده(قسمت زمان ومکان جشنواره)

البته با مرورگر کروم و موزیلا اینجوریه

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

2- تو قسمت انتقادات و پیشنهادات "نام شما (الزامی)" با نصب این فونت اومده جلو تر چک کردم ولی مشکلی پیدا نکردم

جالب اینجاست که این هم تو اکسپلور به درستی نمایش داده میشه ولی تو موزیلا و کروم نه!!!!

3- فونت نوشته های پلاگین ارسال نظر رو (contact-form-7) تو کدوم فایلش و کدوم کلاسش باید تغییر بدم؟؟

ویرایش شده شهریور 92 توسط shayan

imanfakhar · شهریور 92

برای صفحات این رو بگذارید در اول style صفحه


@font-face {
font-family:"entezar";
src: url("<?php bloginfo('template_url'); ?>/fonts/entezar.eot");
src: local("☺"),
url("<?php bloginfo('template_url'); ?>/fonts/entezar.woff") format("woff"),
url("<?php bloginfo('template_url'); ?>/fonts/entezar.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BKoodakBold';
src:url('<?php bloginfo('template_url'); ?>/fonts/BKoodakBold.eot');
src:local('☺'),
url('<?php bloginfo('template_url'); ?>/fonts/BKoodakBold.ttf') format('truetype'),
url('<?php bloginfo('template_url'); ?>/fonts/BKoodakBold.woff') format('woff');
}

style.css اصلی را هم با این کدها عوض کنید چند مورد دیگر هم به چشمم خورد تصحیح کردم

/*

Theme Name:جشنواره تابستانی پدر و پسر

Theme URI:

Author:شایان امانی

Author URI:mailto:shayanamanijannati@ymail.com

Description:طراحی و برنامه نویسی توسط :شایان امانی

Version:6

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: twentyeleven

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

@font-face {

font-family:"entezar";

src: url("fonts/entezar.eot");

src:local('☺'),

url("fonts/entezar.woff") format("woff"),

url("fonts/entezar.ttf") format("truetype");

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: 'BKoodakBold';

src:url('fonts/BKoodakBold.eot');

src:local('☺'),

url('fonts/BKoodakBold.ttf') format('truetype'),

url('fonts/BKoodakBold.woff') format('woff');

}

body {

background-image:url('images/bg.png');

}

#header {

margin:auto;

margin-top:-8px;

}

#header2 {

margin:auto;

margin-top:-140px;

margin-bottom:20px;

}

#main {

margin:auto;

margin-top:-12px;

}

#main-single{

width:930px;

height:auto;

border-bottom:solid #666 1px;

border-right:solid #666 1px;

border-left:solid #666 1px;

border-bottom-right-radius:6px;

border-bottom-left-radius:6px;

margin-bottom:15px;

box-shadow:4px 5px 7px #666;

}

#all-page {

width:1300px;

height:622px;

margin:auto;

}

.menu-right {

direction:rtl;

float:right;

padding-right:295px;

margin-top:-400px;

font-family: "entezar", Arial, Tahoma;

font-size:20px;

color:#999999;

line-height:45px;

list-style:circle;

text-shadow:4px 5px 7px #666;

}

.menu-left {

direction:ltr;

float:left;

margin-top:-400px;

padding-left:300px;

font-family: "entezar", Arial, Tahoma;

font-size:20px;

color:#999999;

line-height:45px;

list-style:circle;

text-shadow: 4px 5px 7px #666;

}

li a:link {

text-decoration:none;

color:#f18800;

-moz-transition: all .5s linear ;

-o-transition:all .5s linear ;

-webkit-transition: all .5s linear;

transition: all .5s linear ;

}

li a:visited {

color:#f18800;

}

li a:hover {

color:#FFF;

font-size:28px;

opacity:0.6;

}

.menu-right li {

padding:3px 3px 3px 3px;

margin-top:10px;

}

.menu-left li {

padding:3px 3px 3px 3px;

margin-top:10px;

}

.menu-left li :hover {

background-color:#3acaf9;

border:solid #000 1px;

border-top-right-radius:8px;

border-bottom-left-radius:8px;

padding:3px 5px 3px 5px;

}

.menu-right li :hover {

background-color:#3acaf9;

border:solid #000 1px;

border-top-right-radius:8px;

border-bottom-left-radius:8px;

padding:3px 5px 3px 5px;

}

#footer {

text-align:center;

margin-right:15px;

margin-bottom:20px;

font-family: 'BKoodakBold';

color:#999999;

font-size:12px;

font-weight:500;

}

#footer a:link {

text-decoration:none;

color:#999999;

}

#footer a:hover {

color:#000;

text-shadow: 2px 5px 6px #000;

-moz-transition:0.9s;/*Moz*/

-webkit-transition:0.9s;/*Webkit*/

-ms-transition:0.9s;/*Ms*/

-o-transition:0.9s;/*O*/

}

#footer-image {

margin-top:-80px;

margin-left:20px;

}

.content-titrs{

direction:rtl;

margin-top:40px;

}

.content{

width:841px;

height:auto;

margin:auto;

padding-bottom:50px;

}

#titr{

font-family: 'BKoodakBold';

font-weight:bold;

font-size:30px;

float:right;

clear:left;

}

#titr a:link , #titr a:visited{

text-decoration:none;

color:#f18800;

}

.content-text{

padding-bottom:60px;

}

.wpcf7-form{

direction:rtl;

text-align:right;

line-height:150%;

font-family: 'BKoodakBold';

}

/*---------nazar sanji------------*/

#nazar-titr{

font-family: 'BKoodakBold';

font-size:21px;

font-weight:700;

color:#069;

margin-left:115px;

}

#nazar-botton{

font-family: 'BKoodakBold';

font-size:16px;

color:#F18800;

}

#nazar-botton a:link{

text-decoration:none;

color:#F18800;

}

#natije-raei{

font-family: 'BKoodakBold';

font-size:16px;

color:#F18800;

}

#natije-raei a:link{

text-decoration:none;

color:#F18800;

}

#natije-tedad{

font-family: 'BKoodakBold';

font-size:16px;

color:#F18800;

}

#time{

direction:rtl;

font-family: 'BKoodakBold';

font-size:15px;

color:#808080;

text-align:center;

}

#footer-amar{

margin-right:20px;

}

#back{

margin-right:300px;

margin-top:-40px;

}

و فونت کداک را برای فرم تماس هم معرفی کردم اگر می خواهید تغییرش دهید به خط 189 بروید و


.wpcf7-form{
direction:rtl;
text-align:right;
line-height:150%;
font-family: 'BKoodakBold';
}

ویرایش کنید

shayan · شهریور 92

و یک مورد و آخرین مورد اینکه

چجوری بکگراند page رو تغییر بدم؟؟

گشتم ولی به نتیجه ای نرسیدم!!

الان یه رنگ تقریبا کرمی داره که من ایجاد نکردم

imanfakhar · شهریور 92

source/jquery.fancybox.css


.fancybox-iframe  {
padding:0px;
background:#E7E7DA url('../images/iframebg.png') repeat-y scroll center top;
background-clip:content-border;
min-width:800px;
min-height:400px;
}

نسـتـــرن · شهریور 92

سلام

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


font-family:'Entezar';

اما شما این طوری مینویسین:


font-family:"Entezar";

shayan · شهریور 92

سلام
شما باید اینطوری فراخوای کنین و ازش استفاده کنین:
font-family:'Entezar';
اما شما این طوری مینویسین:
font-family:"Entezar";

مگه فرقی هم میکنه؟؟؟

اصل موضوع اینه که font family قسمت font face@ با font family های هر کلاس تطابق داشته باشه!

ویرایش شده شهریور 92 توسط shayan

shayan · شهریور 92

source/jquery.fancybox.css


.fancybox-iframe {
padding:0px;
background:#E7E7DA url('../images/iframebg.png') repeat-y scroll center top;
background-clip:content-border;
min-width:800px;
min-height:400px;
}

یه این صورت تغییرش دادم ولی اتفاقی نیوفتاد ( فقط رنگش به سفید تبدیل شد)


.fancybox-iframe {
padding:0px;
background-image:url('image/bg.png'); repeat-y scroll center top;
background-clip:content-border;
min-width:800px;
min-height:400px;
}

این هم بگم که عکس های قالب بنده توی فایلی به نام image هست (اخرش s نداره)

ویرایش شده شهریور 92 توسط shayan

imanfakhar · شهریور 92


.fancybox-iframe {
padding:0px;
background-image:url('../image/bg.png'); repeat-y scroll center top;
background-clip:content-border;
min-width:800px;
min-height:400px;
}

shayan · شهریور 92

نشد داداش !!!!

shayan · شهریور 92

درست شد ممنون :wub: :wub:

پایان

ورود

مشکل با نمایش فونت های قالب

پست های پیشنهاد شده

imanfakhar 26231

لینک به ارسال

shayan 116

لینک به ارسال

imanfakhar 26231

لینک به ارسال

shayan 116

لینک به ارسال

imanfakhar 26231

لینک به ارسال

shayan 116

لینک به ارسال

imanfakhar 26231

لینک به ارسال

shayan 116

لینک به ارسال

imanfakhar 26231

لینک به ارسال

shayan 116

لینک به ارسال

imanfakhar 26231

لینک به ارسال

نسـتـــرن 194

لینک به ارسال

shayan 116

لینک به ارسال

shayan 116

لینک به ارسال

imanfakhar 26231

لینک به ارسال

shayan 116

لینک به ارسال

shayan 116

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها