Как проверить веб-страницу на моей машине, как будто у меня не было определенного шрифта?Тестирование веб-страницы в среде без системных шрифтов
E.g. На моей веб-странице используется шрифт Roboto. На моем компьютере установлен шрифт Roboto. Как я могу увидеть, как будет выглядеть эта веб-страница на компьютере без установленного шрифта?
Предположим, что шрифт не включен в веб-страницу через какой-либо CDN или другой метод.
Деактивировать или удалить шрифт временно или изменить таблицу стилей, чтобы не включать объявление при запросе с localhost.
Кажется, что вы были одним из немногих, кто понял мой вопрос ... Я просто сделал быстрый поиск - в Windows, если вы перейдете к шрифтам на панели управления, выбор активного шрифта должен дать вам вариант «Скрыть», который будет временно отключите шрифт от системы. Именно то, что мне нужно. –
Все веб-браузеры имеют базовую таблицу стилей, которая применяется ко всем элементам, если вы не указали иначе в таблице стилей вашего веб-сайта. Эта таблица стилей охватывает такие вещи, как семейства шрифтов, размер текста, цвета, поля и отступы. Каждый веб-браузер имеет таблицу стилей по умолчанию. (Несвязанное, дальнейшее чтение, я рекомендую вам посмотреть на reset.css как связанный в конце моего ответа, чтобы немного упростить создание CSS для разных браузеров немного проще).
Если клиентская машина не имеет шрифта Roboto, тогда правило CSS, устанавливающее шрифт Roboto, будет проигнорировано, и оно по умолчанию вернется к определенному браузеру шрифту.
Что вы можете сделать, это загрузить шрифт Roboto на вашем веб-сервере, как описано в следующем переполнением стека вопрос: How to add some non standard font to a website
Кроме того, вы можете использовать шрифт Roboto из CDN, такие как Google шрифты: Google Fonts Roboto
Лично я предпочитаю использовать CDN, так как многие другие сайты используют один и тот же шрифт CDN, и браузер клиента может уже кэшировать шрифт. Кроме того, CDN являются FAST!
Также, если вы заинтересованы в reset.css, как упоминалось ранее, ознакомьтесь с нижеприведенным сайтом. То, что эта таблица стилей делает, переопределяет стандартную таблицу стилей, так что она одинакова для каждого браузера. Eric Meyer reset.css
Удачи!
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
Добавьте это в свою голову.
Если у пользователя нет установленного шрифта, шрифт не будет отображаться. Если у вас нет запасного шрифта, он будет использовать шрифт sans-serif по умолчанию. Всегда полезно иметь запасной шрифт.
font-family: 'Roboto', sans-serif;
Если Roboto не найден, а затем использовать рубленый.
Создайте виртуальную машину с помощью виртуального бокса для проведения тестирования с помощью? Вы можете установить ОС, сделать снимок, беспорядок с ним в любом случае вам нужно для различных тестов, а затем просто восстановить моментальный снимок для сброса. – Dave