html - 字体系列中的 URL 描述符

Question

分割:

@font-face {
font-family: 'RobotoLight';
src: url('../font/jura-demibold.eot');
src: url('../font/jura-demibold.eot?#iefix') format('embedded-opentype'),
     url('../font/jura-demibold.woff') format('woff'),
     url('../font/jura-demibold.ttf') format('truetype'),
     url('../font/jura-demibold.svg#RobotoLight') format('svg');
font-weight: normal;
font-style: normal; }

来自 the post ，我了解到它的值是按 comma-separated 列表排列优先级的。然后，从the post ，我了解到这样的url布局是为了兼容浏览器(尤其是ie9)。

但是，我还是不知道semicolon的优先级，所以我很疑惑，为什么我从来没有看到下面这样的布局？是正确的版本吗？

@font-face {
font-family: 'RobotoLight';
src: url('../font/jura-demibold.eot') format('eot'),
src: url('../font/jura-demibold.eot?#iefix') format('embedded-opentype'),
     url('../font/jura-demibold.woff') format('woff'),
     url('../font/jura-demibold.ttf') format('truetype'),
     url('../font/jura-demibold.svg#RobotoLight') format('svg');
font-weight: normal;
font-style: normal; }

Answer 1

src 属性的值是一个优先列表，因此每个浏览器都会使用列表中第一个支持的格式的字体。

https://www.w3.org/TR/css-fonts-3/#src-desc