相关疑难解决方法(0)

我对@ font-face CSS选项有点挣扎.经过大量的阅读,尝试,重试我终于遇到了一个网站,当你上传你的字体时,它会让你成为一个随时可用的包.它现在正在运行,但似乎字体没有得到消除锯齿.虽然我在其他网站上看到这种情况,但我的标题并没有按照我想要的方式呈现.

我的CSS代码:

@font-face {
font-family: 'YanoneKaffeesatzThin';
src: url('../fonts/yanonekaffeesatzthin-webfont.eot');
src: local('?'), url('../fonts/yanonekaffeesatzthin-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatzthin-webfont.ttf') format('truetype'), url('../fontsyanonekaffeesatzthin-webfont.svg#webfontyC5sm3N9') format('svg');
font-weight: normal;
font-style: normal;}

还有什么可以让这个最后但又令人讨厌的问题消失？

@-webkit-keyframes roll {
    100% { -webkit-transform: rotate(360deg); }
}

"@"和"100%"是什么意思？

在CSS中有at-rules可以执行不同的操作,但是有了它们,我在几个关键字中看到了@符号,例如:

@import   
@media   
@keyframes  

和其他人,但我正在寻找知道@实际意味着什么以及如何使用或更好,它如何从CSS的其他部分中获益,改变或区别.

我已经阅读了关于at-rules的W3部分,但它没有清楚地解释(我实际上已经阅读了,我最终更加困惑)@的意思是什么,它是专门用于.

我在一个css文件中看到了这个:

@-webkit-keyframes loading-spinner-anim {
  0% { opacity: 1}
  100% {opacity: 0}
}
@keyframes loading-spinner-anim {
  0% { opacity: 1}
  100% {opacity: 0}
}

这些选择器意味着什么？

@keyframes 它不是类或id选择器.

loading-spinner-anim - 空格意味着它是第一个选择器的子元素.但它不是一个类或id选择器.