如何在visual studio代码中使字体系列变成草书？
我正在尝试使用visual studio代码使字体系列变成草书。我正在开始一个新兵训练营，所以经验等级是零。我试过很多东西，但都搞不明白。
回答 3
Stack Overflow用户
发布于 2021-01-02 06:31:56
Stack Overflow用户
发布于 2021-01-02 07:06:19
起初，我以为您是在问如何使Visual Studio代码在文本编辑器中显示为草书。但是，您已经标记了CSS和字体，所以我将回答如何使CSS字体系列属性成为草书。如果这不是你要找的答案，请让我知道。
有几种草书字体系列可供选择。此示例使用"Brush Script MT“和回退系列值。我的目标是所有的段落标签与此，您将需要决定是否要缩小焦点到更具体/不同的标签，Id或类。
为了简单起见，我使用内部CSS (定义在HTML页面顶部的CSS规则)。在实际应用程序中，您通常会使用外部CSS，其中HTML页将引用单独的CSS页。
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
p {
font-family: 'Brush Script MT', 'Brush Script Std', cursive;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a cursive paragraph.</p>
</body>
</html>这些是我找到的可供参考的网站，您应该查找它们以进行更详细的研究。注意:我已经提供了一个页面的链接，该页面显示了几种不同的草书字体系列，在我的测试中，并不是所有的字体系列都适合我。测试您的工作以及在不同的浏览器和您计划支持的浏览器版本中测试总是很重要的。
- List of CSS Font-Family options
- CSS font-family property tutorial
- How to add CSS to HTML
- An online HTML/CSS test page
关注问题的Visual Studio代码部分，您可以添加一个允许您查看HTML/CSS页面的实时预览的扩展。我找到了一个简单易懂的视频，它向你展示了如何安装和使用这个扩展。如果将提供的html页面复制并粘贴到VS Code中的HTML文件中，则可以看到CSS草书字体系列的实际效果。
Live preview HTML code in browser with Visual Studio Code
祝你编码愉快！
Stack Overflow用户
发布于 2021-10-24 14:01:43
敬请前往-
settings>text editor>font>font family
然后键入
'Fira Code iScript'
首先，你需要下载并在你的系统中安装字体，如果不存在。
https://stackoverflow.com/questions/65534180
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号