如何使用变换比例使字母大于“粗体”

问题描述 投票:0回答:3

我想制作一个宽大的字母,但是使用转换比例无效。它会使字母变宽或变长。

<div class="g">g</div>

@media(min-width: 768px){.g {font-size: 500px; position: 
relative; bottom: 435px; left: 550px;font-weight: bolder}} 

尝试:

@media(min-width: 768px){.g {font-size: 500px; position: 
relative; bottom: 435px; left: 550px;font-weight: bolder; 
transform:scale(2.0,1.0)}} 

但是,如上所述,宽度/高度不会改变周长。

html css
3个回答
0
投票

您可能正在寻找text-stroke

.g {
  font-size: 100px;
  font-weight: bolder;
  -webkit-text-stroke: 10px black; 
  text-stroke: 10px black;
}
<div class="g">g</div>

0
投票

您应该添加比例(1.1)

css

.g {font-size: 500px; position: 
relative; bottom: 435px; left: 550px;font-weight: bolder;transform: scale(1.1);}

0
投票

理论上,您可以使用font-weight: 1000来使字体变为最粗体(请参见https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)。但是,您还需要使用支持该粗细的字体。

© www.soinside.com 2019 - 2024. All rights reserved.