如何在选择选项的HTML标记中应用字体族

我正在标签中应用字体系列，但它不起任何作用

我的代码：

<select name="t1_font" class="form-control" >
   <option style="font-family: Font-familly path');">Font-family Name</option>
</select>

我正在使用的真实代码：

      <div class="col-sm-4">
  <?php $fonts=glob(FONT_URL.'*'); //print_r($fonts); ?>
  <?php if (!empty($fonts)): $i=0;?>
  <?php foreach ($fonts as $font):
    $font_arr= explode('/',$font); $font_string =substr($font_arr[3], 0, -4);?>
    <style>
    @font-face {
       font-family: <?php echo $font_string ?>;
       src: url('<?php echo $font ?>');
    }
    </style>
    <?php $i++;
    endforeach ?>
     <?php endif ?>
     <b>Family</b><br>
    <select name="t1_font" class="form-control" >
    <?php if (!empty($fonts)): ?>
      <?php foreach ($fonts as $font): $font_arr= explode('/',$font); $font_string =substr($font_arr[3], 0, -4); ?>
          <option style="font-family: <?php echo $font_string ?>;src: url('<?php echo base_url($font) ?>');" value="<?php echo $font_arr[3] ?>" <?php if(!empty($default_data_param->text1))
          {if($font_arr[3]== $default_data_param->text1_font_file){ echo'selected';}}?> ><?php echo ucfirst($font_string) ?></option>
      <?php endforeach ?>
    <?php endif ?>
    </select>
  </div>

---

如果内联样式中存在语法错误，则正确的语法为：

option {
    font-family: 'sans-serif'
}

或使用内嵌样式：

<option style="font-family: sans-serif">Font-familly Name</option>

“sans serif”应替换为所需字体。 这就是我的代码的运行方式 在head标签中插入字体

/* BAHAMAS */
@font-face {font-family: 'BAHAMAS'; src: url('../fonts/BAHAMAS0.eot');}
@font-face {font-family: 'BAHAMAS'; src: url(//:) format('no404'), url('../fonts/BAHAMAS0.ttf') format('truetype'); font-weight: normal; font-style: normal;}

呼叫字体

<option style="font-family:BAHAMAS;">My Font</option>

Arial 阳台 另外 这么容易

看看这个

选择1{ 字体系列：“无衬线”； } 选择2{ 字体系列：tahoma； } 选择3{ 字体系列：monospace； } 选择1 选择2 选择3 选择1 选择2 选择3 选择1 选择2 选择3 它不能在firefox中工作

---

---但它在Chrome中也能工作

是自定义字体吗？？如果它是你的用户字体脸？？Font family Name是否将所选字体设置为您选择的字体？是的，我想在我的选项文本上应用我的字体系列您可以查看我在上的输出，我使用相同的代码Font family Name@user3616586属性正常，但“Font family path”不是有效字体。Aachen_Std_Bold@user3616586查看我的更新答案。希望这会有所帮助。至少在Firefox中，这不会改变元素的字体，只会改变父元素。那么在Mozilla浏览器中是怎样的呢？这个答案不是很完整。你能不能再补充一些信息？例如，ID select组来自哪里？这个答案与@mohammad kermani的答案有何不同？

#select-group{
font-family: 'samim'!important;}