css怎么把单个字拉瘦和歪斜

html-css017

css怎么把单个字拉瘦和歪斜,第1张

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<title></title>

<style type="text/css">

.style{

font-family: "microsoft yahei", arial /*字体样式*/

font-size: 14px /*字体大小 (参考值： 5px ~ 50px)*/

font-style: italic /*字体斜体 (参考值： normal italic)*/

font-weight: 500 /*字体加粗 （参考值：300，500，700）*/

}

</style>

</head>

<body>

<div id="">

css怎么把单个字 <cite class="style">拉瘦和歪斜</cite>

</div>

</body>

</html>

<style>

span{font-family:verdanafont-size:24pxletter-spacing:5pxwidth:600pxfilter:dropshadow(color=black,offx=0,offy=1)}

div{font-family:verdanafont-size:12pxletter-spacing:12pxwidth:600pxfilter:dropshadow(color=black,offx=1,offy=0) dropshadow(color=black,offx=2,offy=0) dropshadow(color=black,offx=3,offy=0)}</style>

<center>

没压以前~又高又瘦:<BR>

<span>LOVE YOU FOREVER</span><BR><BR>

压扁以后~又矮又胖:<BR>

<div>LOVE YOU FOREVER</div>

你看他的font.css这个文件里，有这么一句

@font-face {

font-family: 'LeagueGothicRegular'

src: url('../fonts/leaguegothic/League_Gothic-webfont.eot')

src: local('☺'), url('../fonts/leaguegothic/League_Gothic-webfont.woff') format('woff'), url('../fonts/leaguegothic/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/leaguegothic/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg')

font-weight: normal

font-style: normal

}

这是引用webfont文件的。

你在你的html文件的header里面也引用一下他的font.css就行了。

加这么一句

<link rel="stylesheet" type="text/css" media="all" href="http://simpleasmilk.co.uk/wp-content/themes/simpleasmilk/css/fonts.css" />