Html 使文本的笔划更大

大家好。所以，我的问题是如何使笔划更加大胆

我有这个示例代码

@导入url（'https://fonts.googleapis.com/css?family=Roboto:700');
身体{
背景：黑色；
}
h1{
文本对齐：居中；
文本阴影：1px 1px 0#FFFFFF，-1px-1px 0#FFFFFF，1px 1px 0#FFFFFF，-1px 1px 0#FFFFFF，1px 1px 0#ffff；
字体系列：“Roboto”，无衬线；
文本转换：大写；
}

---

quick brownfox跳过了懒狗

我建议研究SVG解决方案，这里有一个很好的教程，可以很好地解释这一切

正文{
背景：黑色；
颜色：#fff
}

敏捷的布朗弗克斯跳过了懒狗

如果与目标浏览器兼容，则可以使用 所有物请小心，因为它不是标准功能，因此可能不可靠。不幸的是，除了1像素的宽度之外，似乎没有一种标准的方法来实现您想要的

您可以采用另一种方法，将概述的文本创建为图像以添加到页面中

@导入url（'https://fonts.googleapis.com/css?family=Roboto:700');
身体{
背景：黑色；
}
h1{
文本对齐：居中；
字体系列：“Roboto”，无衬线；
-webkit文本笔划宽度：3px；
-webkit文本笔划颜色：#FFFFFF；
文本转换：大写；
}

---

<代码>快速布朗福克斯跳过懒狗。你可以考虑添加一个SVG解决方案的例子。指向解决方案的链接不是anwserI，我认为svg是解决我问题的可能方法。。我会试着看一看。。