像这种瘦长字体的 CSS 怎么写？

Posted 2023-04-18

我看了它的css 是，font-family: 'LeagueGothicRegular';（用这个字体的网站地址是 http://simpleasmilk.co.uk/ ）。 可我自己这么写却没什么效果，关键是他的看起来瘦长点儿。他会不会是用了 webfont 呢？要实现这个效果是否要添加其他 css，有高手懂吗？可以留个联系方式交流交流，我是个业余前端设计。

参考技术A 你看他的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" />本回答被提问者采纳 参考技术B span.line2
display: block;
font-family: 'LeagueGothicRegular';
line-height: 1.1em;


<span class="line2">graphic design</span>
这样就好了，试试看，当然前提是你的电脑上必须安装了LeagueGothicRegular字体才行哦
如果没有的话去网上下载一下来安装 参考技术C font-family只是定义字体，前提是计算机中需要有定义的字体。
如果没有的话需要在CSS中引用字体文件。
例如在外网获取：
@import url(http://fonts.googleapis.com/css?family=LeagueGothicRegular);
或者从本地文件获取，前提是先把字体文件放在网站文件夹中：
@font-facefont-family:'LeagueGothicRegular';
src:url(../fonts/LeagueGothicRegular.eot);
src:url(../fonts/LeagueGothicRegular.eot?#iefix) format('embedded-opentype'),url(../fonts/LeagueGothicRegular.woff2) format('woff2'),url(../fonts/LeagueGothicRegular.woff) format('woff'),url(../fonts/LeagueGothicRegular.ttf) format('truetype'),url(../fonts/LeagueGothicRegular.svg#LeagueGothicRegular) format('svg') 参考技术D 结合css3中的形变为完成。

比如: p｛transform:rotate(0.80,1.50)｝
0.80指的是水平方向上是正常宽度的0.8倍，而1.5则是垂直方向上高度的1.5倍，你可以根据情况自己修改值，希望能够帮助到你。 第5个回答  2019-09-27 字体是一方面.形变可以变瘦长.楼下有个哥们写了rotate那个.其实是scale
p
font-size:50px;
transform:scale(.5,1.5);

像这种芯片要写程序吗

像这种芯片要写程序吗是遥控玩具车的一个接收一个发送

参考技术A 一般像这样的都会有一个单片机控制接收处理数据，是需要写程序的。 参考技术B 图中的芯片是不用写程序的，也没地方存储程序。 参考技术C 必须要