رفتن به مطلب

تغییر فونت قالب


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

سلام

خب فونت هایی که میخوای رو قرار بده تو اون پوشه

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


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

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


font:normal 13px Byekan;
یا
font-family:Byekan;

لینک به ارسال

دنبال همچین کدی در فایل style.css پوسته بگردید.


@font-face {
 font-family: 'BYekan';
 src: url('/fonts/BYekan.eot');
 src: local('b BYekan'), url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype'), url('BYekan.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

و تغییرات لازم رو انجام دهید.

قبل از ایجاد تاپیک‌جستجو بکنید.

لینک به ارسال

توضیح کامل و جامع همراه فونت های فارسی استاندارد وب در :


http://www.wedesign.ir/css/css3-font-face-methods-and-optimized-font-firefox6

لینک به ارسال

اگه مثل من مبتدی هستید، قالب رو نصب و افزونه فایرباگ رو روی مرورگرتون نصب کنید، بعد هرجایی که می خواهید فونتش رو تغییر بدید روش کلیک راست کنید و اون گزینه فایرباگ رو بزنید تا کلاس مربوطه رو نشون بده، بعد فونت همون فسمت رو توی استایل عوض کنید، اینطوری فک کنیم راحتید (البته یادتون نره فونت ها رو با font-face همونطور که دوستان گفتند فراخوانی کنید)

لینک به ارسال
  • 2 ماه بعد...

سلام دوستان

من يك قالب دارم يك علاوه بر فايلهاي اصلي يك پوشه css هم داره

حالا مشكل من اينه كه طبق آموزش فونت مورد نظرم رو توي پوشه ريختم و تو استايل هم گذاشتم ولي جايي كه فونت رو عوض ميكنم برميگرده به همون آريال اوليه

اينم ابتداي فايل استايله:



@import url('css/layout.css');
@import url('css/custom-skin.php');
@import url('css/typography.css');
@import url('css/blog_style.css');
@import url('css/shortcodes-buttons.css');
@import url('css/shortcodes.css');
@import url('css/widgets.css');
@import url('css/jqueryslidemenu.css');
@import url('css/flexslider.css');
body {
color: #A29C9A;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
margin: 0;
padding: 0;
background-image:url(images/bg.png);
background-repeat:repeat;
border-top:4px solid #ff6c00;

لینک به ارسال

@mohsen90002

کد رو کجا قرار دادید؟

کدی دیده نمیشود، نحوه استفاده چگونه است

لینک به ارسال

ممنون

من كد رو به اين صورت گذاشتم:


other css files inport
________________________________________________________________________________________________________________ */

@import url('css/layout.css');
@import url('css/custom-skin.php');
@import url('css/typography.css');
@import url('css/blog_style.css');
@import url('css/shortcodes-buttons.css');
@import url('css/shortcodes.css');
@import url('css/widgets.css');
@import url('css/jqueryslidemenu.css');
@import url('css/flexslider.css');
body {
color: #A29C9A;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
margin: 0;
padding: 0;
background-image:url(images/bg.png);
background-repeat:repeat;
border-top:4px solid #ff6c00;
}
@font-face {
font-family: 'BFarnaz';
src: url('fonts/BFarnaz.eot?#') format('eot'), /* IE6–8 */
url('fonts/BFarnaz.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/BFarnaz.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

لینک به ارسال

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


font-family: Arial, Helvetica, sans-serif;

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


font-family: 'BFarnaz';

لینک به ارسال

درود مجدد

غير از سوال بالا

من الان به اين صورت كد رو گذاشتم ،اما فونت ها بازم همونطوره:


body {
color: #A29C9A;
font-family: 'BFarnaz';
font-size: 13px;
line-height: 18px;
margin: 0;
padding: 0;
background-image:url(images/bg.png);
background-repeat:repeat;
border-top:4px solid #ff6c00;
}
@font-face {
font-family: 'BFarnaz';
src: url('fonts/BFarnaz.eot?#') format('eot'), /* IE6–8 */
url('fonts/BFarnaz.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/BFarnaz.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

ویرایش شده توسط mohsen90002
لینک به ارسال

شما باید کل کدهای css را بخونید (فونت ها به طور معمول در


css/typography.css'

درست می شند )

و هرجا font یا font-family مقدار داشت مقدارش را با "BFarnaz" عوض کنید

لینک به ارسال

دوستان ببخشيد اين درست نميشه:

الان من اول استايل اين كد farnaz رو به اين صورت اضافه كردم:


@import url('css/layout.css');
@import url('css/custom-skin.php');
@import url('css/typography.css');
@import url('css/blog_style.css');
@import url('css/shortcodes-buttons.css');
@import url('css/shortcodes.css');
@import url('css/widgets.css');
@import url('css/jqueryslidemenu.css');
@import url('css/flexslider.css');
body {
color: #A29C9A;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
margin: 0;
padding: 0;
background-image:url(images/bg.png);
background-repeat:repeat;
border-top:4px solid #ff6c00;
}
@font-face {
font-family: 'BFarnaz';
src: url('fonts/BFarnaz.eot?#') format('eot'), /* IE6–8 */
url('fonts/BFarnaz.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/BFarnaz.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

بعدش رفتم تو همون استايل جايي كه فونت نوشته تو تماس با ما رو تغيير ميدن اينطوري تغيير دادم:


#contact-form input, #contact-form textarea {
padding: 5px;
width:99%;
font-family:'BFarnaz';
background-color:#f2f2f2;
margin: 10px 0px 10px 0px;
border:1px solid #ccc;
-moz-transition: border 0.1.5s linear 0s, box-shadow 0.1.5s linear 0s;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065) inset;
color:#666666;
}

ولي برميكرده به فونت آريال ،

اما اگر به جاش tahoma بزارم، تاهوما ميشه.

مشكلم كجاست؟

لینک به ارسال

من متوجه منظورتون از برمی گرده نمی شم یعنی اول فرنازه بعد می شه اریال یا اصلا فرناز را نمی شناسه ؟

اگر حالت اوله باید در کدهای jquery دنبال کد تغییر فونت بود کدی شبیه به


$('p').css('fontFamily', 'Arial');

لینک به ارسال

سایت آنلاینه؟

جایی که این استایل را قرار می دهید حتما باید فایل style.css و (فایلی که کدهای اولی را گذاشته بودید) باشد

فونت های شما در داخل پوشه ی fonts که در روت قالب قرار داره (کنار فایل style.css) قرار دارند؟

اگر فونت را به فایل های استایل دیگر اضافه کردید آدرسش اینی که الان هست نمی شود

اگر از این لحاظ ها مطمئن هستید

در مرحله اول کد را به این صورت تغییر بدید


#contact-form input, #contact-form textarea {
padding: 5px;
width:99%;
font-family:'BFarnaz' !important;
background-color:#f2f2f2;
margin: 10px 0px 10px 0px;
border:1px solid #ccc;
-moz-transition: border 0.1.5s linear 0s, box-shadow 0.1.5s linear 0s;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065) inset;
color:#666666;
}

و تست کنید اگر به نتیجه نرسیدید

کدهای سری اول را به اینصورت تغییر بدید


@font-face {
font-family: 'BFarnaz';
src: url('<?php bloginfo('template_url'); ?>/fonts/BFarnaz.eot?#') format('eot'), /* IE6–8 */
url('<?php bloginfo('template_url'); ?>/fonts/BFarnaz.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('<?php bloginfo('template_url'); ?>/fonts/BFarnaz.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

و به همراه کدهای قبلی در footer.php و درست قبل از بسته شدن تگ بادی بگذارید یعنی آخرین خطو ط footer.phpمی شود


<style type="text/css">
#contact-form input, #contact-form textarea {
padding: 5px;
width:99%;
font-family:'BFarnaz' !important;
background-color:#f2f2f2;
margin: 10px 0px 10px 0px;
border:1px solid #ccc;
-moz-transition: border 0.1.5s linear 0s, box-shadow 0.1.5s linear 0s;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065) inset;
color:#666666;
}
@font-face {
font-family: 'BFarnaz';
src: url('<?php bloginfo('template_url'); ?>/fonts/BFarnaz.eot?#') format('eot'), /* IE6–8 */
url('<?php bloginfo('template_url'); ?>/fonts/BFarnaz.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('<?php bloginfo('template_url'); ?>/fonts/BFarnaz.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
</style>
</body>
</html>

و تست بگیرید و نتیجه را بگید

لینک به ارسال

درود مجدد و سپاس فراوان

من يك قالب دارم كه توش فايل style.css داره و كنار اون فايل پوشه فونت هست

و فونت ها رو دقيقا به همين استايل اضافه كردم

از اين بايت چك كردم

كد جديدي كه داديد گذاشتم، اما بازم همونطوره

روش دوم كه گفتيد من كد اولي رو تو استايل به همون شكل تغيير دادم اما دقيقا نميفهمم تو فوتر اين كد رو بايد كجا بزارم؟

اين كل محتويات فوتر هست:


</div>
<div class="trigger_container1">
<span class="trigger1"></span>
<div class="toggle_container1">
<div class="twitter_feeds">
<?php
wp_enqueue_script("jquery_easing");
// Start Footer Twitter
$footer_twitter_username=get_option('footer_twitter');
if($footer_twitter_username)
{

echo parse_cache_feed($footer_twitter_username,'1');

}
// End Footer Twitter
?>
</div>

</div>
</div>
<?php if(get_option('footer_disable')!="true") {?>
<footer>
<?php get_template_part('lib/includes/bottom_footer_section'); ?>
</footer>
<?php } ?>

<div class="footer">
<div class="one_half">
<div class="copyright">
<p><?php echo get_option('kaya_footercopyright') ? get_option('kaya_footercopyright') :'Copyright © 2012. All rights reserved.'; ?></p>
</div>
</div>
<div class="one_half_last">
<div class="footer_menu">
<?php if(!function_exists('dynamic_sidebar')|| !dynamic_sidebar('bottom_footer_right_section')) :?>
<?php

if ( has_nav_menu('secondary') ) {
// User has assigned menu to this location;
// output it
wp_nav_menu( array(
'theme_location' => 'secondary',
'menu_class' => 'nav',
'container' => ''
) );
}

//wp_nav_menu(array('menu_class' => 'footermenu', 'theme_location' => 'secondary'));
?></div>
<?php endif ?>
</div>
</div>

</div>
<p id="back-top">
<a href="#top"><span></span></a>
</p>
<div class="clear"></div>
<?php $kaya_google_analytics=get_option('kaya_google_analytics');
if ($kaya_google_analytics) {
echo stripslashes($kaya_google_analytics);
} else { ?>
<?php } ?>
<?php wp_footer(); ?>
</body>

لینک به ارسال

اگر منظورتون قالب فعلی سایته

این قالب پوشه ای به نام fonts نداره یک پوشه داره که نامش font است اونرا به fonts تغییر دهید

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

لینک به ارسال

استاد گرامي بسيار سپاسگذارم

عمليات انجام شد با تعويض font به fonts

حالا يه سوال كوچيك ديگه دارم اونم اينكه اول به جاي اينكه s اضافه كنم به فولدر font اومدم اون s رو از تو دستور برداشتم به اين صورت:

اما عمل نكرد ، چرا؟

url('<?php bloginfo('template_url'); ?>/font/BFarnaz.woff')

لینک به ارسال

داخل فایل css نمیتوانید php بنویسید

این رو حذف کنید

<?php bloginfo('template_url'); ?>

لینک به ارسال
  • 2 هفته بعد...

سلام دوستان...

من از فونت فیس برای تغییر فونت توی index و single و page استفاده کردم. این جوری:


<style type="text/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+ */
}
@font-face {
font-family: 'BYekan';
src: url('fonts/BYekan.eot?#') format('eot'), /* IE6–8 */ url('fonts/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BYekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.txt_top_sidebar {
font-family: BKoodakBold, Tahoma, Geneva, sans-serif;
}
</style>

و اونارو توی سی اس اس فراخوانی کردم، فونت ها در صفحه ی اصلی سایت تغییر میکنن (index) ولی نمیدونم چرا وقتی میرم ادامه مطلب یا وارد یکی از صفحات سایتم میشم فونت ها هیچ تغییری نمیکنن! مشکل کجاست؟!

لینک به ارسال

سلام

به انجمن خوش اومدین دوست عزیز

تغییر میکنن یعنی چطور میشن؟

میتونید آدرس بدید؟

لینک به ارسال

سلام

به انجمن خوش اومدین دوست عزیز

تغییر میکنن یعنی چطور میشن؟

میتونید آدرس بدید؟

سلام مدیر جون B)

یعنی تو صفحه ی اصلی سایت فونت های بخش سایدبار و عنوان مطالب به BKoodakBold و BYekan تغییر میکنن. اما وقتی وارد صفحات سایت میشم یا به ادامه مطلب میرم فونت ها تغییر نمیکنن و تاهما میشن! :huh:

کدهای قبلی رو توی single.php و page.php هم قرار دادم. اما اون کلاس آخر یعنی کلاس txt_top_sidebar رو نادیده بگیرید چون اونارو توی سی اس اس فراخوانی کردم.

در ضمن نمیدونم چرا وقتی فونت فیس رو توی سی اس اس میزارم نمیشناسه یعنی اصلا فونت ها تغییر نمیکنه؟! :mellow:

تازه وقتی اعمال تغییر فونت رو روی localhost امتحان میکنم همه چی درسته ولی تو سایت اینجوری میشه! :mellow:

اینم آدرس: selenagomez-news.tk :D

ویرایش شده توسط Phoenix
لینک به ارسال

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

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...