Как взаимодействовать с определениями лиц @font -с помощью отладчика Chrome?

При работе с CSS мне очень нравится возможность использовать веб-инспектор для добавления новых правил и интерактивного редактирования существующих правил. Однако не могу понять, как работать с @font -face rules

  1. Где я могу увидеть, было ли распознано правило @font -шрифта из моей таблицы стилей и вступило ли оно в силу?

    Например, если у меня есть правило с селектором "div.foo", то все, что мне нужно сделать, это проверить любой div на странице с классом foo, чтобы увидеть, как правило вступает в силу, и -отредактировать его. ценности.

  2. Как я могу добавить новое правило шрифта @font -в интерактивном режиме?

    Всякий раз, когда я пытаюсь добавить его с помощью кнопки «Новое правило стиля» (с символом + ), Chrome аварийно завершает работу. Это связано со странным «@» на селекторе? О чем вообще "@"?

Я использую Chrome 19, так как мне больше всего нравится его отладчик, но я бы не возражал против использования другого браузера, если бы это была единственная возможность.

13
задан hugomg 3 July 2012 в 23:07
поделиться