При работе с CSS мне очень нравится возможность использовать веб-инспектор для добавления новых правил и интерактивного редактирования существующих правил. Однако не могу понять, как работать с @font -face rules
Где я могу увидеть, было ли распознано правило @font -шрифта из моей таблицы стилей и вступило ли оно в силу?
Например, если у меня есть правило с селектором "div.foo", то все, что мне нужно сделать, это проверить любой div на странице с классом foo, чтобы увидеть, как правило вступает в силу, и -отредактировать его. ценности.
Как я могу добавить новое правило шрифта @font -в интерактивном режиме?
Всякий раз, когда я пытаюсь добавить его с помощью кнопки «Новое правило стиля» (с символом + ), Chrome аварийно завершает работу. Это связано со странным «@» на селекторе? О чем вообще "@"?
Я использую Chrome 19, так как мне больше всего нравится его отладчик, но я бы не возражал против использования другого браузера, если бы это была единственная возможность.