这是我的字体的屏幕截图（默认Arial Black字体）：
底部有填充，而顶部没有任何填充 . 它为大多数字母提供了正确的笔划，但是有些字母在左上角有一个剪掉的部分，例如：E，F，H，I等......它基本上从顶部的一些字母中切出一个小方块剩下 .
知道为什么会这样做吗？ CSS如下，
笔画：“黑色”笔画 - 线条帽：“对接”笔画不透明度：“1”笔画宽度：“2.5”笔画 - 行连接=“圆形”画笔顺序=“笔画”
只需添加 stroke-linecap="round"
stroke-linecap="round"
<svg x="0px" y="0px" width="162px" height="121.634px" viewBox="0 0 162 121.634"> <line fill="none" stroke="#000000" stroke-width="7" stroke-linecap="round" stroke-miterlimit="10" x1="3.654" y1="118.134" x2="90.646" y2="3.5"/> <line fill="none" stroke="#000000" stroke-width="7" stroke-linecap="round" stroke-miterlimit="10" x1="90.646" y1="3.5" x2="158.5" y2="118.134"/> <line fill="none" stroke="#000000" stroke-width="7" stroke-linecap="round" stroke-miterlimit="10" x1="158.5" y1="118.016" x2="3.5" y2="118.016"/> </svg>
1 回答
只需添加
stroke-linecap="round"