راکت
علی سعادت
علی سعادت
توسط علی سعادت مطرح شد
6 پاسخ

مشکل فونت در مرورگر ها

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


ثبت پرسش جدید
میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad5 سال پیشمطرح شد
0

کدتون رو قرار ندادید. قرار بدین.


علی سعادت
علی سعادت
@ali.saadat.1386.a5 سال پیشمطرح شد
1

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">&#xf09e;</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;
}

همه کد ها لازم نبود ولی من همه رو قرار دادم


میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad5 سال پیشمطرح شد
0

عزیز جان شما که اصلا خط رو وارد کدهاتون نکردید، ابتدا نیاز هستش که توسط دستور font-face خط های خودتون رو به کدهاتون اضافه کنید و بشناسونید.
سپس می تونید از خط وزیر استفاده کنید.


میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad5 سال پیشمطرح شد
1

این آموزش جامع رو مطالعه نمایید و پس از مطالعه و نوشتن کدهای مربوطه، اگر مشکلی داشتید مطرح کنید همینجا:
https://css-tricks.ir/reference/font-face/


miladhacker
miladhacker
تخصص :html , css , wordprss , javascript , laravel
@miladhack845 سال پیشمطرح شد
0

سلام توی کروم بزن import in css زدی سایت w3school میاد زده که چی هست فایل فونتت که با پسوند ttf هست رو قرار بده اردسشو بعد دوباره تو کروم بزن font-face in css میاد بعد باید ادرس فونت هاتون با اسمشو بدی این جوری راحت میشه


وحید نوری
وحید نوری
تخصص :برنامه نویس سایت
@vahidnuri5075 سال پیشمطرح شد
0

در ابتدای فایل css تگ @font-facre رو اظافه کنید


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام