html - 如何安装适用于 Windows 的 WebKit(谷歌浏览器)?

标签 html css fonts webkit

最近我开始学习 HTML 和 CSS,现在快要搞定了!但我有一个问题。我正在根据以前在某处看到的设计制作一个网站,我需要标题为空心字体,如下所示:

enter image description here

此外,出于与我的页面布局和类似内容相关的原因,我不想使用图像。到目前为止,我已经设法使实际文本透明:

p, h1{
margin:0px; padding:0px; 
color: transparent;
}

但我一直无法为文本添加大纲。根据我的研究,显然有一个“轮廓”属性,但它已在 CSS3 中删除,我应该提到的是我正在使用的 CSS 版本。所以这让我只有一个选择:使用插件

我可能应该明确表示我讨厌插件,无论是 html 还是其他语言,但我在这里没有太多选择。 WebKit 插件似乎是最好的。

所以我的问题是:

  1. 如何安装 WebKit 插件?和一般的其他插件?

  2. 有没有一种方法不涉及任何外部 Material 纯 HTML5 和 CSS3 来勾勒文本,或者创建一个空心字体,如 上图?

最佳答案

该功能已被弃用,不适用于大多数浏览器,因此我建议您不要使用它。你说你不能使用图像,但如果你能够使用 SVG,你可以试试这个:

<svg>
  <text x="0" y="50" id="0" xml:space="preserve" style="font-size:56px;fill:none;stroke:#000;stroke-width:2px;font-family:sans-serif">some text</text>
</svg>

关于html - 如何安装适用于 Windows 的 WebKit(谷歌浏览器)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47002902/

相关文章:

java - android 4.1.2 html 代码中的文本颜色不起作用

javascript - 每四个段落创建和更改 h1 标签(h1 内容包含段落的前十个元素)

javascript - CSS Twitter Bootstrap 覆盖了 JavaScript 样式,因为它在脚本之后执行。最后如何执行脚本?

javascript - React - 如何将图像复制到剪贴板?

wpf - WPF 动画上的像素化​​和破损文本

css - 停止 SASS 将颜色编译为字体颜色

css - 仅在一个 Div 中应用样式表

html - 当 div overflow-x 内部 div 的位置粘性不起作用

css - overflow-x 子元素宽度

html - 仅 IE 未应用 CSS