问问题
93 次
1 回答
2
您已经在页面中“包含”Noto Sans了，但您没有使用 select 元素上的字体！所以：
选择元素使用Arial（用户代理样式表）呈现。Arial 中不存在的字符是使用Nirmala UI呈现的 - 由浏览器或操作系统选择的后备字体：
选择元素的行高将是 Arial 的行高。但是每种字体都有自己的正常行高，并且后备字体似乎需要更高的行高才能完全显示字符以便被剪裁。
解决方案很简单：在 select 元素上使用Noto Sans字体，它似乎包含您要显示的所有字符：
body {
font-family: "Noto Sans";
}
select {
/* using inherit instead of explitcit font name */
font-family: inherit;
font-size: medium;
}
select:nth-of-type(2) {
font-size: 1.5em;
}
select:nth-of-type(3) {
font-size: 2em;
}<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap" />
<select>
<option selected value="1">कोविड 19 केस / Covid 19 Cases</option>
<option value="2">लिंग अनुपात / Sex Ratio</option>
<option value="3">वन क्षेत्र / Forest Area</option>
</select>
<br>
<select>
<option selected value="1">कोविड 19 केस / Covid 19 Cases</option>
<option value="2">लिंग अनुपात / Sex Ratio</option>
<option value="3">वन क्षेत्र / Forest Area</option>
</select>
<br>
<select>
<option selected value="1">कोविड 19 केस / Covid 19 Cases</option>
<option value="2">लिंग अनुपात / Sex Ratio</option>
<option value="3">वन क्षेत्र / Forest Area</option>
</select>于 2021-05-31T09:47:09.470 回答