مشکل فونت در مرورگر ها
فونت ها توی مرورگر ها برای من نمایش داده نمیشن
یه مدت فقط توی کروم سالم بود که اونم خراب شد
اگر کسی میدونه باید چکار کرد لطفا بگه
پاسخ‌ها
6
کدتون رو قرار ندادید. قرار بدین.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>برای شما | با سلام</title>
<link rel="stylesheet" href="https://roocket.ir/./Style/Css/bootstrap.min.css">
<link rel="stylesheet" href="https://roocket.ir/./Style/Css/bootstrap-rtl.min.css">
<link rel="stylesheet" href="https://roocket.ir/./Style/Css/font.css">
<link rel="stylesheet" href="https://roocket.ir/./Style/Css/Style.css">
<link rel="stylesheet" href="https://roocket.ir/./Style/Css/all.css">
<link rel="icon" href="https://roocket.ir/./Style/Css/favicon.ico">
<script src="./Style/Js/jqury.js"></script>
<link rel="stylesheet" href="https://roocket.ir/./Style/Js/poper.js">
<script src="./Style/Js/bootstrap.min.js"></script>
<script src="./Style/Js/holder.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="navbar">
<div class="d-flex ">
<div class="navbar-brand ">
<div class="col-2">
<img src="./Style/Css/0a7320a.svg" class="pos" width="110px" height="110px">
</div>
</div>
<form class="d-flex">
<div class="col-12 ">
<input type="text" class="form-control input" placeholder="جست و جو درمیان صد ها محصول خانگی و محلی">
</div>
<div class="icon posi">
<i class="fas fa-search"></i>
</div>
</form>
<div>
<span>
<i style="font-size:24px" class="fa icon2"></i>
</span>
</div>
</div>
</div>
</div>
</body>
</html>css
body{
font-family: "Vazir";
direction: rtl;
text-align: right;
}
.pos{
position: relative;
bottom: 28px;
margin-right: 73px;
}
.input{
border-radius: 25px;
height: 40px;
width: 550px;
font-size: 14px;
margin-top: 13px;
margin-right: 3px;
}
.icon{
color: red;
}
.posi{
position: relative;
left: 63px;
font-size: 18px;
top: 22px;
}
.icon2{
color: rgb(116, 105, 105);
font-weight: 60;
}همه کد ها لازم نبود ولی من همه رو قرار دادم
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
عزیز جان شما که اصلا خط رو وارد کدهاتون نکردید، ابتدا نیاز هستش که توسط دستور font-face خط های خودتون رو به کدهاتون اضافه کنید و بشناسونید.
سپس می تونید از خط وزیر استفاده کنید.
این آموزش جامع رو مطالعه نمایید و پس از مطالعه و نوشتن کدهای مربوطه، اگر مشکلی داشتید مطرح کنید همینجا:
https://css-tricks.ir/reference/font-face/
سلام توی کروم بزن import in css زدی سایت w3school میاد زده که چی هست فایل فونتت که با پسوند ttf هست رو قرار بده اردسشو بعد دوباره تو کروم بزن font-face in css میاد بعد باید ادرس فونت هاتون با اسمشو بدی این جوری راحت میشه
در ابتدای فایل css تگ @font-facre رو اظافه کنید