سلام
می خوام فونت یک قالب html رو فارسی کنم ( یکان ) اما هرکاری می کنم تغییری نمی کنه
میتونید بفرمایید که مشکلم کجاست؟
ممنون
قسمتی که تغییر دادم: ( دایرکتوری fonts با فونت هایی که آدرسشون رو دادم هم موجود هست)
body{
font-family: 'BYekan';
src: url('fonts/BYekan.eot');
src: local('BYekan'), url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype'), url('fonts/BYekan.svg') format('svg');
background:#FFF;
font-weight:300;
height:100%;
margin:0;
padding:0;
color:#000000;
}
کل فایل css
می خوام فونت یک قالب html رو فارسی کنم ( یکان ) اما هرکاری می کنم تغییری نمی کنه
میتونید بفرمایید که مشکلم کجاست؟
ممنون
قسمتی که تغییر دادم: ( دایرکتوری fonts با فونت هایی که آدرسشون رو دادم هم موجود هست)
body{
font-family: 'BYekan';
src: url('fonts/BYekan.eot');
src: local('BYekan'), url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype'), url('fonts/BYekan.svg') format('svg');
background:#FFF;
font-weight:300;
height:100%;
margin:0;
padding:0;
color:#000000;
}
کل فایل css
کد:
/* ################################################################
Author: Carlos Alvarez
URL: http://alvarez.is
Project Name: LANDON - Bootstrap 3 Theme
Version: 1.0
URL: http://blacktie.co
################################################################# */
@charset "utf-8";
body{
font-family: 'BYekan';
src: url('fonts/BYekan.eot');
src: local('BYekan'), url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype'), url('fonts/BYekan.svg') format('svg');
background:#FFF;
font-weight:300;
height:100%;
margin:0;
padding:0;
color:#000000;
}
strong,b{
font-weight:600;
}
h1{font-size:50px;line-height:60px;margin:25px 0;}
h2{font-size:40px;font-weight:600;margin:15px 0;}
h3{font-size:30px;margin:10px 0;font-weight:600;}
h4{font-size:20px;margin:10px 0;}
h5{font-size:28px;font-weight:600;margin:15px 0;color:#384047;}
h6{font-size:16px;font-weight:600;margin:10px 0;color:#384047;}
a{color:#5173bd;}
a:hover,a:focus{color:#5173bd;}
.preloader{
background-color:#FFFFFF;
position:fixed;
width:100%;
height:100%;
z-index:9999999;
}
.pace{
-webkit-pointer-events:none;
pointer-events:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
z-index:9999999;
position:fixed;
margin:auto;
top:0;
left:0;
right:0;
bottom:0;
height:2px;
width:100%;
background:#fff;
}
.pace .pace-progress{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:width 1s ease-in-out 1s linear;
-moz-transition:width 1s ease-in-out 1s linear;
-ms-transition:width 1s ease-in-out 1s linear;
-o-transition:width 1s ease-in-out 1s linear;
transition:width 1s ease-in-out 1s linear;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
max-width:100%;position:fixed;
z-index:9999999;display:block;
position:absolute;
left:0px;
top:0px;
height:100%;
background:#61b5f0;
}
.pace.pace-inactive{display:none;}
.btn,.btn-lg,.input-lg{border-radius:3px;}
.form-control{
border-radius:3px;
-webkit-box-shadow:none;
box-shadow:none;border:0;
}
.input-lg{height:55px;}
.btn-lg,.btn-group-lg>.btn{
padding:10px 28px;
height:52px;
}
.breath{margin:50px auto;}
.highlight{background:#f4f4f4;margin-top:40px;}
.masthead{
position:relative;
padding:80px 15px;
color:#FFF;
text-align:center;
text-shadow:0 1px 0 rgba(0,0,0,.1);
background-color:#6883cc;
background-image:url("../images/header.png");
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
.masthead .container{
animation:fadein 2s;
-moz-animation:fadein 2s;
-webkit-animation:fadein 2s;
-o-animation:fadein 2s;
}
.loading *{
-webkit-animation:none!important;
-moz-animation:none!important;
-ms-animation:none!important;
-o-animation:none!important;
}
@keyframes fadein{
from{opacity:0;
-webkit-transform:translateY(-30px);
-moz-transform:translateY(-30px);
transform:translateY(-30px);}
to{opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
transform:translateY(0);}}
@-moz-keyframes fadein { /* Firefox */
from {
opacity:0;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
from {
opacity:0;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
to {
opacity:1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
}
@-o-keyframes fadein { /* Opera */
from {
opacity:0;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
to {
opacity:1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
}
/*animation ends*/
.logo {
padding: 45px 0;
text-align:center;
}
.btn-large {
font-size:18px;
padding:20px 50px;
margin:5px 10px;
}
.btn-success {
background-color: #2ecc71;
background-image:none;
border: 0;
-webkit-box-shadow: 0 3px 0 rgba(2, 154, 67, 1);
box-shadow: 0 3px 0 rgba(2, 154, 67, 1);
line-height: 1.8;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
background-color: #29c36a;
color:#FFF;
border: 0;
-webkit-box-shadow: 0 3px 0 rgba(2, 139, 61, 1);
box-shadow: 0 3px 0 rgba(2, 139, 61, 1);
}
.btn-primary {
background-color: #2db6d8;
background-image:none;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
background-color: #209ab8!important;
color:#FFF!important;
}
.subscribe {
padding: 45px 0;
}
.alertMsg {
float: left;
font-size: 14px;
display: block;
padding: 5px 17px;
}
/* Boucing Arrow Animation */
@keyframes arrowbounce {
from {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@-moz-keyframes arrowbounce { /* Firefox */
from {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@-webkit-keyframes arrowbounce { /* Safari and Chrome */
from {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@-o-keyframes arrowbounce { /* Opera */
from {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.scrollto, .scrollto:hover {
margin:30px;
display:block;
color:#FFF;
text-decoration:none;
width:200px;
margin:0 auto;
}
.scrollto--arrow {
padding:10px;
}
.scrollto--arrow img {
animation: arrowbounce 1s alternate infinite;
-moz-animation: arrowbounce 1s alternate infinite; /* Firefox */
-webkit-animation: arrowbounce 1s alternate infinite; /* Safari and Chrome */
-o-animation: arrowbounce 1s alternate infinite; /* Opera */
}
/*========== 3. HERO IMAGE ==============*/
.section-title {
text-align:center;
margin-top:60px;
margin-bottom:30px;
}
.section-title h2 {
color:#384047;
}
.section-title h4 {
color:#94a3a8;
}
.heroimg img, .clientlogo img {
max-width:100%;
}
/*========== 4. FEATURES ==============*/
.features {
margin:25px 0;
}
.thumbnail {
border:0;
text-align:center;
}
.thumbnail .caption p {
color: #94a3a8;
}
/*Hover Animation*/
.thumbnail img {
-moz-transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.thumbnail:hover img {
-moz-transform:scale(1.05);
-webkit-transform:scale(1.05);
-o-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
z-index:2;
}
/*========== 5. TESTIMONIALS ==============*/
.testblock {
width:100%;
height:auto;
padding:20px;
background:#FFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
font-family:tahoma, "irsans", Times, serif;
font-style:italic;
position:relative;
line-height:28px;
font-size:16px;
}
.testblock:after {
top: 100%;
left: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 15px;
margin-left: -15px;
}
.clientblock {
margin-top:40px;
margin-left:10px;
}
.clientblock img {
float:left;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
}
.clientblock p {
padding-left:80px;
padding-top:13px;
}
.clientblock p strong {
color:#384047;
font-size:16px;
}
/* Animation */
.testblock {
-moz-transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.testblock:hover {
-moz-transform:scale(1.05);
-webkit-transform:scale(1.05);
-o-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
z-index:2;
}
/*========== 6. PLANS AND PRICING ==============*/
.pricing {
padding:25px;
color:#FFF;
text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.pricing .planname {
text-transform:uppercase;
font-weight:600;
}
.pricing .price {
font-size:52px;
font-weight:300;
margin:10px 0;
}
.pricing .billing {
text-transform:uppercase;
color:#FFF;
opacity:0.7;
}
.pricing .price .curr {
display:inline-block;
font-size:20px;
vertical-align:super;
}
.pricing .price .per {
display:inline-block;
font-size:20px;
vertical-align: baseline;
}
.color1 {
background-color:#2ecc71;
}
.color2 {
background-color:#1abc9c;
}
.color3 {
background-color:#16a085;
}
/* Animation */
.pricing {
-moz-transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.pricing:hover {
-moz-transform:scale(1.05);
-webkit-transform:scale(1.05);
-o-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
z-index:2;
}
/*========== 7. FAQ ==============*/
.faq p {
margin-bottom:25px;
}
/*==========8. FOOTER ==============*/
.footercta {
padding: 60px 15px;
color: #FFF;
text-align: center;
text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
background-color: #6883cc;
background-image:url("../images/header.png");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.footerlinks {
text-align:center;
}
.footerlinks a {
text-align:center;
padding:0 13px;
display:inline-block;
padding-bottom: 15px;
}
/*==========9. CUSTOM MEDIA QUERIES==============*/
/*MEDIA QUERIES*/
@media (max-width: 991px) {
h1 {
font-size: 35px;
line-height: 50px;
margin: 15px 0;
}
h2 {
font-size: 35px;
}
.testimonials [class*="col-"]:not(:first-child) {
margin-top: 40px;
}
.planpricing [class*="col-"]:not(:first-child) {
margin-top: 30px;
}
.breath {
margin: 30px auto;
}
}
@media (max-width: 767px) {
h1 {
font-size: 30px;
line-height: 40px;
}
h2 {
font-size: 30px;
line-height: 40px;
}
.subscribe [class*="col-"]:not(:first-child) {
margin-top: 30px;
}
.masthead {
padding: 40px 15px;
}
}
@media (max-width: 480px) {
/*Media Queries for smaller devices*/
.masthead {
background-attachment: scroll;
}
}