2016-05-06 5 views
0

Скажет, я объявляю хэш, как это:Looping @ шрифт лица в Stylus CSS

--font = { 
    open-sans: "OpenSans", 
    bebas-neue: "BebasNeue", 
    uni-sans-thin: "UniSansThin", 
    uni-sans-heavy: "UniSansHeavy", 
    uni-sans-thin-italic: "UniSansThinItalic", 
    uni-sans-heavy-italic: "UniSansHeavyItalic", 
} 

мне было интересно, если есть способ проходных шрифтов и сделать @ шрифт лицо на них.

Вот пример реализация:

for key, value in --font 
    @font-face 
    font-family: value 
    src: url("../assets/fonts/" + {key} + ".otf") format("opentype") 

Однако это не работает, и я думаю, что стилус не может перебрать из-за «@ шрифт лица» вместо этого он выдает эту ошибку:

expected "indent", got "atrule font-face"

Вопрос в том, возможно ли это, и если нет другого пути? Причина этого в том, что я хотел бы быть СУХОЙ как можно больше.

ответ

0

Фактически выяснилось. Я неправильно делал интерполяцию. Это, предполагают, чтобы быть похожим на это:

for key, value in --font 
    @font-face 
     font-family: value 
     src: url("../assets/fonts/" + value + ".otf") format("opentype") 

И я также использовал пробелы вместо фактических вкладок, которые способствовали моему вопросу. Я очень рад видеть, что это возможно!