Question

文本转换：第一行不起作用。我已经注意到，这仍然是几个浏览器中的一个错误错误，已经在10年前报告给谷歌Chrome ...

我需要的是完整H1的大写文本和第一行的低文本文本。

但也许你们可以通过适当的解决办法来解决问题？我已经尝试过font-variant：small-caps但这不是一个适合我设计的漂亮解决方案。

点击此处的代码段：

＆＃13;

@import url('https://fonts.googleapis.com/css?family=Pacifico');

h1 {
    font-size: 10px;
    line-height: 20px;
    margin-top 60px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 20px;
}

h1:first-line {
    font-size: 100px;
    font-family: "Pacifico";
    color: #9ed1dd;
    line-height: 110px;
    text-transform: lowercase;
}

＆＃13;

<h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h1>

＆＃13;

CSS：第一行文本转换小写不起作用

0 个答案: