HTML CSS 增加 Stroke/Thickness 为 SVG 图标
HTML CSS Increase Stroke/Thickness for SVG Icon
刚刚学习html,
如何增加 SVG google 图标的笔触宽度？
这似乎不起作用。
HTML:
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<i class="material-icons" style="stroke-width: 100"> arrow_forward</i>
stroke-width 属性 定义 svg 标签内元素的线条、文本或轮廓的粗细。
增加 font-size 将解决它。
我看起来像是在尝试增加 SVG 的大小，而不是更改单个笔画的大小。如果是这种情况，那么您更有可能希望改用 font-size。这将调整整个图标的大小。
<i class="material-icons" style="font-size: 100px;"> arrow_forward</i>
刚刚学习html, 如何增加 SVG google 图标的笔触宽度？ 这似乎不起作用。
HTML:
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<i class="material-icons" style="stroke-width: 100"> arrow_forward</i>
stroke-width 属性 定义 svg 标签内元素的线条、文本或轮廓的粗细。
增加 font-size 将解决它。
我看起来像是在尝试增加 SVG 的大小，而不是更改单个笔画的大小。如果是这种情况，那么您更有可能希望改用 font-size。这将调整整个图标的大小。
<i class="material-icons" style="font-size: 100px;"> arrow_forward</i>