Javascript PHP/HTML5/css3：为给定文本生成文字艺术

我想生成的字艺术/字风格，是在网站上生成的喜欢。我的期望是，当我输入文本和样式时，我希望得到样式化的单词作为图像

欢迎您提出建议和意见

****为了达到我的预期产出****

我应该使用相关字体吗？或者我应该使用任何PHP/HTML5/CSS3技术？

由于我是上述所有语言的初学者，您的输入对我很有价值

谢谢

使用webfonts并使用CSS设置样式。 使用或Google提供的webfonts创建您自己的webfonts。请确保您拥有使用webfont的许可证。webfont通常是几个文件，用于各种浏览器，因此为了方便起见，我会将它们放在一个文件夹中

在CSS中，webfont的使用分为两个阶段：

定义字体

对特定CSS元素/类/id使用字体系列

例如： 假设您有一个名为Alef的webfont。你生成它，在文件夹中你得到8个文件-4个常规文件，4个粗体文件。对于每个组，您都有扩展名为.eot、.woff、.ttf和.svg的文件

在CSS文件中定义字体系列 请注意上面CSS中的字体族名称和字体权重定义。同一字体系列可以有普通字体和粗体字体，也可以有普通字体和斜体字体

为CSS元素/class/id设置字体系列 使用CSS向文本添加效果 这里有一些 例如，.3dtext类上的三维文本：

.3dtext {
  color:#000000;
  background-color:#ffffff;
  text-shadow:2px 2px 0 #bcbcbc, 4px 4px 0 #9c9c9c;
}

---

就这样

使用你想要的字体。谷歌搜索网页字体并使用它们。你尝试的代码在哪里？我们不是来写你的代码的。这个问题要么太广泛，基于观点，要么需要讨论，所以堆栈溢出是离题的。如果您有一个具体的、可回答的编程问题，请提供完整的细节。我希望了解您的指导方针/方向。因此，它是广泛的。然而，我试图通过使用fabric JS（HTML5库）实现我的输出。不过，我的产出有限。非常感谢你明确的回答。我可以通过你的投入获得我的结果。再次感谢。非常欢迎；这不会按照原始问题的要求从文本中生成图像，也不足以创建大多数单词艺术示例，其中包括纹理文本、条纹文本、字母周围的复杂阴影（不仅仅是渐变）、灯光效果、不规则形状背景对象上的文本浮雕等等。CSS本身没有创建OP要求的大多数效果所需的功能。对于更复杂的图形选项，我将使用SVG模板。可以使用JavaScript和画布将SVG渲染为图像。查看以下讨论：

p, .alef, #someid {
  font-family: Alef;
}

.3dtext {
  color:#000000;
  background-color:#ffffff;
  text-shadow:2px 2px 0 #bcbcbc, 4px 4px 0 #9c9c9c;
}