Как сделать другой шрифт в css

Можно ли сделать резиновый шрифт в css?

Скажите, можно ли сделать шрифт на сайте резиновым — размер которого будет изменяться в зависимости от изменения размеров браузера?

Да, можно. Даже без вмешательства javascript. Вот так:

Обязательно прочитайте вот эту статью:

Browser Support
IE 9+, Firefox 19+, Chrome 20+, Safari 6+, Opera 23+

Всё ещё ищете ответ? Посмотрите другие вопросы с метками шрифты css или задайте свой вопрос.

дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.12.3.40888

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Как сделать сглаживание шрифта?

В Гугле нашел свойство -webkit-font-smoothing, которое работает пока лишь в Сафари и Хроме(у меня оно вообще не работает). Также видел, что можно добавить тень к тексту и предлагали следующий код:

Вариант с тенью более-менее подходит, но нет ли других способов?

Непонятно, в чём именно у вас проблема. Было бы хорошо увидеть пример вашего кода. Объясню основные свойства для оптимизации рендеринга шрифтов и для чего они нужны:

-webkit-font-smoothing: antialiased – свойство нужно для сглаживания кастомных шрифтов в Safari/Chrome для macOS/iOS.

-moz-osx-font-smoothing: grayscale – свойство нужно для сглаживания кастомных шрифтов в браузере Firefox для macOS/iOS.

text-rendering: optimizeLegibility – обеспечивает качественные кернинг (интервалы между буквами) и лигатуры (соединение букв) во всех современных браузерах, кроме IE. Очень сильно тормозит рендеринг страницы в целом, поэтому рекомендуется использовать точечно, к примеру, на заголовках.

Кастомные шрифты в современных ОС и браузерах на дисплее с высоким разрешением по-умолчанию выглядят отлично и не требуют дополнительных оптимизаций. Применив text-shadow для «сглаживания» шрифта вы лишь его «размылите».

Как использовать градиент в качестве цвета шрифта в CSS?

Как использовать градиент в качестве цвета шрифта в CSS без использования изображений? Я хочу поддержать Firefox.

Я использовал этот код, но он не поддерживается в Firefox:

4 ответа

У меня возникли проблемы с цветом шрифта в браузере safari на mac book, iphone и ipad. Отключенный элемент становится серым, и я хочу, чтобы он сохранил свой первоначальный черный цвет. Результат в firefox и chrome в порядке. Это мой код css: input[disabled], textarea[disabled].

Я создаю сайт, и в одном из моих дивов у меня есть разные разделы текстов. Может ли кто-нибудь сказать мне, как я могу изменить цвет шрифта только одного слова в div, и все rest слов будут другого цвета? Я использую HTML и CSS на Macromedia dreamweaver. Спасибо.

вы можете использовать несколько пролетов, расположенных друг над другом, и назначить каждому из них разную высоту и цвет. Это действительно уродливое кодирование, но оно работает. http://jsfiddle.net/7yBNv/

Выделение текста ведет себя немного странно, но не так уж плохо. И копирование копирует несколько записей (в зависимости от того, какой слой выбран), поэтому я бы сказал, что вам лучше решить эту проблему с помощью svg.

(Я получил ответ отсюда ,проверьте там для получения более подробной информации: http://www.bagnall.co.uk/gradient_text.asp )

Firefox Поддержка:
К сожалению, только WebKit браузеров реализовали text-fill-color.
Для Mozilla пока нет обходного пути.

Код HTML и CSS:

Как создать собственный градиент:
Вы также можете создать собственный градиент в
http://www.colorzilla.com/градиент-редактор/

Я все еще изучаю части градиентов, и я хочу сделать что-то, что позволило бы определенным цветам градиентов быть определенными размерами. Пример Допустим, у меня есть градиент с 3 цветами: красным, фиолетовым и синим, в таком порядке, сверху вниз. Я хочу, чтобы красный был рядом с 10%, , а.

Я пытаюсь сделать pdf из HTML с помощью weasyprint. Мне нужно использовать линейный градиент в качестве цвета фона. Но когда я пытаюсь использовать: цвет фона: линейный градиент (справа, #da208b, #4b77f2 51%, #6bd2b5); Я получаю pdf без цвета фона. (html отображается правильно) Так как же я могу.

вы должны указать префикс поставщика для firefox

Вы можете использовать этот генератор textgradient.com для создания CSS градиентных текстов.

Похожие вопросы:

Я хочу сделать золотой глянцевый цветной фон, используя золотые и серебряные цвета. Я не знаю, как это сделать.. Я сделал градиент, и я могу сделать только градиент. Кто — нибудь может помочь мне.

Я ищу способ добавить градиент к большим жирным буквам, например: Слова могут иметь одну или две строки, а высота шрифта варьируется в зависимости от высоты видового экрана. Этот пример работает в.

У меня есть файл, содержащий градиент( textgradient.xml ) в моей папке drawable. Мне нужно поместить этот градиент в качестве цвета текста от TextView до Java. Как это сделать?

У меня возникли проблемы с цветом шрифта в браузере safari на mac book, iphone и ipad. Отключенный элемент становится серым, и я хочу, чтобы он сохранил свой первоначальный черный цвет. Результат в.

Я создаю сайт, и в одном из моих дивов у меня есть разные разделы текстов. Может ли кто-нибудь сказать мне, как я могу изменить цвет шрифта только одного слова в div, и все rest слов будут другого.

Я все еще изучаю части градиентов, и я хочу сделать что-то, что позволило бы определенным цветам градиентов быть определенными размерами. Пример Допустим, у меня есть градиент с 3 цветами: красным.

Я пытаюсь сделать pdf из HTML с помощью weasyprint. Мне нужно использовать линейный градиент в качестве цвета фона. Но когда я пытаюсь использовать: цвет фона: линейный градиент (справа, #da208b.

Я пытаюсь использовать react-native-linear-gradient для реализации css, как линейный градиент для вида, но плагин допускает только 2 цвета, он не позволяет мне установить градиент радиальным, это.

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

Добавление градиентного цвета к значку шрифта awesome, как правило, кажется простым, просто примените следующее css: background: -webkit-linear-gradient(#9c47fc, #356ad2); -webkit-background-clip.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *