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

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

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


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
0

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


علی سعادت
@ali.saadat.1386.a 4 سال پیش مطرح شد
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="./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">&#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;
}

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
0

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
1

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


miladhacker
تخصص : html , css , wordprss , javasc...
@miladhack84 4 سال پیش مطرح شد
0

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


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

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


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

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