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="./Style/Css/bootstrap.min.css">
<link rel="stylesheet" href="./Style/Css/bootstrap-rtl.min.css">
<link rel="stylesheet" href="./Style/Css/font.css">
<link rel="stylesheet" href="./Style/Css/Style.css">
<link rel="stylesheet" href="./Style/Css/all.css">
<link rel="icon" href="./Style/Css/favicon.ico">
<script src="./Style/Js/jqury.js"></script>
<link rel="stylesheet" href="./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 میاد بعد باید ادرس فونت هاتون با اسمشو بدی این جوری راحت میشه
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟