В основном веб-шрифт, который я использую, отображается слишком жирным шрифтом в Firefox. Я использовал приведенный выше код, чтобы исправить это в браузерах webkit. -moz-font-smoothing: antialiased;
не работает. Так что теперь я спрашиваю всех вас, есть ли другое решение, которое я просто пропускаю.
Примечание. Независимо от того, является ли h1
шрифт по-прежнему слишком жирным.
соответствующий код:
@font-face {
font-family: 'GelatoScript';
src: url('../fonts/gelatoscript/gelatoscript.eot');
src: url('../fonts/gelatoscript/gelatoscript.eot?#iefix') format('embedded-opentype'),
url('../fonts/gelatoscript/gelatoscript.woff') format('woff'),
url('../fonts/gelatoscript/gelatoscript.ttf') format('truetype'),
url('../fonts/gelatoscript/gelatoscript.svg#GelatoScript') format('svg');
font-weight: normal;
font-style: normal;
}
h1.pale {
color: #f6ff96;
font-family: 'GelatoScript';
font-weight: 100;
font-size: 3.5em;
margin-bottom: 0;
text-shadow: .042em .042em 0px #787878;
}
<h1 class="pale" >Check this out!</h1>