我在我的公共 html 檔案夾中的 cdn 中匯入 tabler 圖示：
<link rel="stylesheet" href="https://unpkg.com/@tabler/icons@latest/iconfont/tabler-icons.min.css">
并且根據引入圖示庫的 Vuetify 檔案（在 plugins/vuetify.js 中）：
export default new Vuetify({
icons: {
iconfont: "ti",
}
這允許我<v-icon>ti-pencil<v-icon>在 Vue2 組件中使用（作為示例）。所有這些作業都很好。但是，當圖示在里面時，<v-navigation-drawer>它們會更大，線條也太粗了。我只看到了size有效的屬性，但它也會縮小圖示，這不是我想要的。
有沒有辦法用css改變svgs的筆畫寬度？或者有沒有其他方法可以在匯入后影響這些路徑的粗細？也可以進行調整，font-weight但遺憾的是對元素沒有影響。
提前感謝您的幫助。
uj5u.com熱心網友回復：
- 您需要使用 Css 選擇器定位圖示并調整
font-weight
看看這個codepen。
- 如果你在處理
Svgs，你可以玩viewBox="0 0 24 24"values并改變它們的值！（不推薦）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/469375.html
標籤：svg Vuejs2 图标 Vuetify.js 中风