如何在CSS中制作文本草书?

时间:2018-03-12 02:49:11

标签: css

我知道这很容易,但出于某种原因,我无法找到答案。我尝试了所有东西,使用font-family和font-style。

5 个答案:

答案 0 :(得分:1)

您可以使用以下规则:

font-style:italic;

所以它会像这样说:

p.italic {
font-style: italic; 
}
<p>This is normal text.</p>
<p class="italic">This is italic text.</p>    

答案 1 :(得分:0)

好吧,如果你想使用草书字体(或任何自定义字体),我建议使用https://cooltext.com/。转到&#34;字体&#34;主页顶部的部分,您可以选择不同的类别。 &#34;草书&#34;我相信是你想要的。单击所需的字体,然后下载.zip文件。提取它等等,并使用http://ttf2woff.com/将其转换为.woff文件(相信我,它需要采用.woff格式的网页。我经历过愤怒,并且受此影响......)希望这有帮助!

......或者你可以做其他人建议的事情,这也很好。

答案 2 :(得分:0)

您可以使用草书CSS字体或使用 letter-spacing 属性,使用-1px作为值:

&#13;
&#13;
p.cursive {
    letter-spacing: -1px;
}
&#13;
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum placerat ligula mattis semper. Nunc ornare pellentesque arcu, malesuada ullamcorper est cursus at. Duis id nibh ligula. Nam maximus nibh finibus lorem laoreet, vel tincidunt purus ornare. Nulla molestie eu massa et elementum.</p>

<p class="cursive">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum placerat ligula mattis semper. Nunc ornare pellentesque arcu, malesuada ullamcorper est cursus at. Duis id nibh ligula. Nam maximus nibh finibus lorem laoreet, vel tincidunt purus ornare. Nulla molestie eu massa et elementum.</p>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

这应该有用......

&#13;
&#13;
i
&#13;
list
&#13;
&#13;
&#13;

答案 4 :(得分:0)

您可以使用font-family属性。

p {
  font-family: cursive;
}
<p>some text in cursive font</p>