particular

مشکل در افزودن فونت به قالب Yougrids

10 پست در این موضوع

به نام خدا

دوستان سلام

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

با تشکر

تکه کد زیر را در انتهای فایل Template.css قرار دادم

@font-face {
font-family: Mj Casablanca;
src: url("../font/Mj Casablanca.eot") /* EOT file for IE */
}
@font-face {
font-family: Mj Casablanca;
src: url("../font/Mj Casablanca.TTF") format("truetype"); /* TTF file for CSS3 browsers */
}
@font-face {
font-family: Mj Casablanca;
src: url("../font/Mj Casablanca.woff") format('woff'); /* FF3.6+, IE9, Chrome6+, Saf5.1 */
}

فونت Mj Casablanca را از نت دانلود و چون پوشه ی فونت وجود نداشت در مسیر public_html/templates/yougrids/font یک پوشه با نام فونت ایجاد کردم و فونتی رو که دانلود کردم در این پوشه قرار دادم .

دو نوع پسوند داشت که هر دو نوع رو در این پوشه قرار دادم . Mj Casablanca.otf ، Mj Casablanca.ttf

فریم ورک قالب YJSimpleGrid Template Framework

الان فونت مربوطه به لیست

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش html و css آموزش لاراول آموزش cPanel آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل سورس ربات مدیر گروه | ربات مدیر گروه همسریابی

دوست عزیز دو مورد :

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

دوم اینکه سعی کنید font family رو یک تکه قرار بدید و بینش space نباشه، در غیر اینصورت موقع فراخوانی فونت باید اطرافش " بزارین

شاید مشکلتون این باشه

Share this post


Link to post
Share on other sites

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

من از طریق inspect نسبت دادم و بدون مشکل عمل کرد

شما فونت رو تعریف کردید اما جایی استفاده نکردید

Share this post


Link to post
Share on other sites

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

مثلا اگه به عناوین ماژول می خوای نسبت بدی، باید با Inspect ببینی عناوین ماژول کلاسشون چیه، بعد داخل template.css این استایل رو برای اون کلاس override کنی. البته می تونی در کلاس اصلی هم تغییر بدی ولی override کنی بهتره چون اصل قضیه پابرجاست .

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

متوجه شدید؟

Share this post


Link to post
Share on other sites


/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla LLC. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla LLC                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
@import url("layout.css");        /*layout css file*/
@import url("newsitems.css");     /*newsitems css file*/
@import url("menus.css");         /*menu css file*/
@import url("typo.css");          /*typo css file*/
@import url("joomladefaults.css");      /*Joomla defaults*/
body {
   text-align:center; /*center hack*/
   padding:0;
   margin:0px 0 10px 0;
   line-height:18px;
   background-color:#FFFFFF;
}

#stylef1 {
   font-family:"Bookman Old Style", serif;
}
#stylef2 {
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#stylef3 {
   font-family: "Times New Roman", Times, serif;
}
#stylef4 {
   font-family:Century Gothic, sans-serif;
}
#stylef5 {
   font-family:"Lucida Grande", sans-serif;
}
#stylef6 {
   font-family: Arial, Helvetica, sans-serif;
}
#stylef7 {
   font-family: Tahoma, Geneva, sans-serif;
}
#stylef8 {
   font-family: Verdana, Geneva, sans-serif;
}
#stylef9 {
   font-family: Copperplate Gothic Light, sans-serif;
}
#stylef10 {
   font-family:"Lucida Console", Monaco, monospace;
}
#stylef11 {
   font-family: Gill Sans MT, sans-serif;
}
#stylef12 {
   font-family: "Trebuchet MS", Helvetica, sans-serif;
}
#stylef13 {
   font-family: "Courier New", Courier, monospace;
}
#stylef14 {
   font-family: Cambria, serif;
}
#stylef15 {
   font-family: Georgia, Serif;
}
#stylef16 {
   font-family:"Mj Casablanca Old Style", serif;
}
/* JOOMLA! STYLING
--------------------- */
a:focus {
   outline:0px;
}
focus {
   outline:0px;
}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
   margin:3px;
}
ul {
   margin: 0px;
   padding: 0px;
   list-style:none;
}
ul li {
   padding-left:15px;
}
body ol {
   list-style: decimal inside;
   margin:0;
   padding:0;
}
body ol li {
   margin: 0px;
   padding: 5px 3px;
   list-style-image:none;
   background:none;
}
/* ORDERED LIST FOR MODULES ONLY */
.yjsquare_in ol li, .yjround_in ol li {
}
/*END*/

body a, body a:hover {
   cursor: pointer;
}
a:link, a:visited {
   text-decoration: none;
}
a:hover {
   text-decoration: none;
}
h1 {
   font-size:2.5em;
   line-height:1.5em;
}
h2 {
   font-size:1.7em;
   line-height:1.7em;
}
h3 {
   font-size:1.3em;
   line-height:1.3em;
}
h4 {
   font-size:1.2em;
   line-height:1.2em;
}
h5 {
   font-size:1.1em;
   line-height:1.1em;
}
h6 {
   font-size:1em;
   line-height:1em;
   font-weight:bold;
}
h1 .cufon {
   padding:5px 0 0 0;
}
.componentheading {
   letter-spacing: normal;
   margin:0 0px 4px 0px;
}
.contentpaneopen {
   padding:0 0px;
   text-align: left;
}
.contentpane {
   padding:0 0px 0px 0px !important;
   text-align: left;
}
.category {
   margin-left:0px;
}
.insidem ul {
   margin-left:10px;
}
.contentpaneopen, .contentpane {
}
.contentpaneopen {
   border-collapse: separate;
   border-spacing: 3px;
}
#article-index {
   margin: 0 0 10px 10px;
   padding: 0;
   width: 30%;
   float: right;
}
#article-index ul li {
   background:none;
}
a.toclink {
   padding:5px;
   display:block;
   margin: 2px 0;
}
/*SITE IMAGES*/
img a, img {
   border:0;
   padding:0;
}
.img_caption {
   text-align:center;
}
.img_caption.left {
   float: left;
   margin-right: 1em;
}
.img_caption.right {
   float: right;
   margin-left: 1em;
}
.img_caption.left p {
   clear: left;
   text-align: center;
   padding:3px;
}
.img_caption.right p {
   clear: right;
   text-align: center;
   padding:3px;
}
.contentdescription img {
   padding:5px;
   margin:0px;
}
/* END SITE IMAGES */
input#search_searchword {
   padding:2px;
}
table.searchintro {
   padding: 10px 0;
   width: 100%;
}
table.searchintro td {
   padding: 5px!important;
}
.clr {
   clear:both;
   height:1px;
}
fieldset {
   padding:.5em;
}
.inputbox {
   margin-top:5px;
}
.input {
   border:0;
}
/* BUTTONS
--------------------- */
.required {
   margin:5px 0 0 0;
}
.button {
   padding:1px 3px;
   border:none;
   margin-top:5px;
   text-align:center;
}
.back_button {
   padding: 0 5px;
}
.readon {
   height:23px;
   line-height:23px;
   display:block;
   clear:both;
   float:left;
   padding:0 0 0 10px;
   margin:10px 0 0 0;
}
.readon span {
   display: block;
   height:23px;
   line-height:23px;
   padding:0 10px 0 0px;
}
/* Page navigation*/
ul.pagenav, div.pagination {
   width:100%;
   display:block;
   text-align:center;
}
ul.pagenav li, div.pagination ul li {
   display:block;
   float:left;
   background:none;
   padding:0;
   margin:0 5px 0 0;
}
ul.pagenav li a, div.pagination ul li a, a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a, .back_button a {
   height:21px;
   text-transform:uppercase;
   font-weight:normal;
   line-height:21px;
   padding:0 5px;
}
/*END BUTTONS*/
/*POLL */
.yjsg_poll {
   padding:0 5px;
}
div.yjsg_poll div.poll fieldset {
   margin: 15px 0px 10px 0px;
}
table.pollstableborder td.sectiontableentry0, table.pollstableborder td.sectiontableentry1, table.pollstableborder td.sectiontableentry2, table.pollstableborder tr.sectiontableentry0 td, table.pollstableborder tr.sectiontableentry1 td, table.pollstableborder tr.sectiontableentry2 td {
   height: 20px;
   padding-left: 5px;
   text-align:left;
   padding-right: 10px;
   line-height: 18px;
   margin-bottom:5px;
   background: none;
   border:none;
}
table.pollstableborder {
   border: none;
   padding: 0;
   width: 100%;
   text-align: left;
}
table.pollstableborder img {
   vertical-align: baseline;
}
table.pollstableborder td {
   padding:0 5px !important;
}
/*SECTION TABLE ENTERIES */
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {
   height: 20px;
   padding: 0 10px;
   line-height: 29px;
}
.sectiontableheader {
   padding: 5px;
   font-weight: bold;
}
/*SECTION TABLE ENTERY COLORS. MOVE TO COLOR.CSS IF YOU LIKE TO CHANGE THEM
--------------------- */
table.pollstableborder tr.sectiontableentry0 td {
   border: none;
   background: #f3f2f2;
}
table.pollstableborder tr.sectiontableentry1 td, table.pollstableborder tr.sectiontableentry2 td {
   border: none;
}
.sectiontableheader {
   border: 1px solid #d4d4d4;
   background:#DEDEDE;
}
.sectiontableentry1 {
   background-color : #DEDEDE;
}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {
   border-bottom: 1px solid #fff;
}
tr.sectiontableentry0 td, td.sectiontableentry0, tr.sectiontableentry2 td, td.sectiontableentry2 {
   background-color: #f3f2f2;
}
tr.sectiontableentry1 td, td.sectiontableentry1 {
   background-color: #E9E9E9;
}
tr.sectiontableentry0:hover td, tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
   background-color: #EEEEEE;
}
/* default system 
--------------------- */
/* Tooltips */
.tip {
   float: left;
   background: #ffc;
   border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 200px;
   text-align:left;
}
.tip-title {
   padding: 0;
   margin: 0;
   font-size:12px;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   text-align:left;
   background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tip-text {
   font-size:11px;
   margin: 0;
   text-align:left;
}
/*Mail to*/
#mailto-window {
/*padding:0 10px;*/
}
/* OpenID icon style */
input.system-openid {
   background: url(http://openid.net/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}
/* Unpublished */
.system-unpublished {
   background: #FDFDFD;
   border-top: 1px solid #EAEAEA;
   border-bottom: 1px solid #EAEAEA;
}
/* System Messages */
#system-message {
   margin-bottom: 10px;
   padding: 0;
}
#system-message dt {
   font-weight: bold;
}
#system-message dd {
   margin: 0;
   font-weight: bold;
   text-indent: 30px;
   background-image:none;
}
#system-message dd ul {
   background-color:#FDFDFD;
   color: #c02;
   margin-bottom: 10px;
   list-style: none;
   padding: 10px;
   border-top: 1px solid #EAEAEA;
   border-bottom: 1px solid #EAEAEA;
}
/* System Standard Messages */
#system-message dt.message {
   display: none;
}
#system-message dd.message {
}
#system-message dd.message ul li {
   background-image:none;
}
/* System Error Messages */
#system-message dt.error {
   display: none;
}
#system-message dd.error ul {
   color: #c00;
   background-color: #FDFDFD;
   border-top: 1px solid #EAEAEA;
   border-bottom: 1px solid #EAEAEA;
}
#system-message dd.error ul li {
   background-image:none;
}
/* System Notice Messages */
#system-message dt.notice {
   display: none;
}
#system-message dd.notice ul {
   color: #c00;
   background: #FDFDFD;
   border-top: 1px solid #EAEAEA;
   border-bottom: 1px solid #EAEAEA;
}
#system-message dd.notice ul li {
   background-image:none;
}
/* Debug */
#system-debug {
   color: #ccc;
   background-color: #fff;
   padding: 10px;
   margin: 10px;
   text-align:left;
}
#system-debug div {
   font-size: 11px;
}
/* Form validation */
.invalid {
   border-color: #ff0000;
}
label.invalid {
   color: #ff0000;
}
/* Editor */
#editor-xtd-buttons {
   padding: 5px;
}

.button2-left,.button2-right {
   float: left;
   margin-left: 5px;
}

/*contact*/
#component-contact {
   padding:0 8px;
}



@font-face {
font-family: MjCasablanca;
src: url("../font/Mj Casablanca.eot") /* EOT file for IE */
}
@font-face {
font-family: MjCasablanca;
src: url("../font/MjCasablanca.TTF") format("truetype"); /* TTF file for CSS3 browsers */
}
@font-face {
font-family: MjCasablanca;
src: url("../font/Mj Casablanca.woff") format('woff'); /* FF3.6+, IE9, Chrome6+, Saf5.1 */
}


.font-family-MjCasablanca{
 font-family: 'MjCasablanca',tahoma;
 font-weight: normal;
 font-style: normal;
}

ممنون میشم راهنمایی دقیق تر کنید

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری