اعمال نشدن فونت برای تگ select

سلام
دوست عزیز شما باید به option ها هم مثل مقدار select فونت بدید

سلام
html

<div class="selectbox">
        <select name="" id="">
            <option value="">Test</option>
            <option value="">Test</option>
            <option value="">Test</option>
        </select>
    </div>

css

.selectbox {
    position: relative;
}

.selectbox::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: .7rem;
    width: 0;
    height: 0;
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
}

select {
    border: 1px solid #EEE;
    border-radius: .25rem;
    padding: .5rem 1.5rem .5rem .5rem;
    display: flex;
    background-color: white;
    outline: 0;
    cursor: pointer;
    appearance: none;
}

حالا می تونید هر فونت یا رنگی یا حتی بردار هم بدید از استایل

@abolfazlzarei

خیلی ممنون که پاسخ دادی اما این کار نکرد
میتونی مجدد راهنمایی کنی

shift.delete@
اینم انجام دادم نمیدونم مشکل کارم کجاست

select * 
{
font-family :yourfont;
}

select {
    border: 1px solid #EEE;
    border-radius: .25rem;
    padding: .5rem 1.5rem .5rem .5rem;
    display: flex;
    background-color: white;
    outline: 0;
    cursor: pointer;
    appearance: none;
font-family:" فونت خود را اینجا بنویس"
}

سلام و درود
این لینک میتونه کمکت کنه: استک اورفلو

اگر selectbox تون از نوع کاستوم و غیر پیش فرض مرورگر هست (یعنی مثلا با یک لایبرری بیرونی ایجاد میشه):
باید روی آپشن هاتون inspect بگیرین و ببینین از چه کلاس هایی استفاده شده و چه ساختاری داره و استایل هاتون رو برای اون بخش اعمال کنید.

بعضی از لایبرری ها میان یک المنت مجزا ایجاد می‌کنن مثل div و span و...
و اونجوری حالت منوی کشویی رو نمایش میدن. به همین خاطر شما هرچی به select استایل بدید تاثیری روش نداره.

دوستان من هرکاری کردم نشد الان رفتم از select2 js استفاده کردم درسته ظاهرش تغیر کرد اما خب فونت داره