Кто-нибудь знает, как стилизовать смайлы?

o1kak

Я хотел бы использовать этот палец вверх для одного из моих проектов, но он отображается по-разному в разных операционных системах и/или браузерах:
https://jsfiddle.net/h75mmuyj/1/

Вот как я хочу, чтобы это отображалось во всех браузерах: Однако iPad отображает тот же код, что и:

Мобильные устройства Samsung/LG отображают это как: Итак, как бы вы его стилизовали, чтобы он выглядел одинаково на всех устройствах (как это выглядит в моем jsfiddle)?

SafeWap

Если вам нужен единый шрифт для них, вам придется использовать веб-шрифт.

Поскольку на этих устройствах НЕТ пользовательского интерфейса segoe (только для Windows), они переходят либо к резервным семействам, либо к системным настройкам по умолчанию, если им нет подходящего варианта.

Имейте в виду, что «segoe ui» — это шрифт Microsoft, защищенный авторским правом, поэтому создание веб-шрифта из него фактически будет нарушением условий лицензирования.

Andrei Viktorovich

Вы привязаны к символу «палец вверх», пока смерть не разлучит вас, что может быть хорошим выбором для детской целевой аудитории, или другой справится с этой задачей, например, одна из обычно поддерживаемых галочек?

 


p {


font-size: 1em;}


p.like1 {


font-size: 2.5em;


color: red;}


p.like2 {


font-size: 2.5em;


color: green;}


p.like3 {


font-size: 2.5em;


color: blue;}


p.like4 {


font-size: 2.5em;


color: cyan;}


p.like5 {


font-size: 2.5em;


color: magenta;}


p.like6 {


font-size: 2.5em;


color: yellow;}


____________________________


<p class="like1">&#x2714</p>


<p class="like2">&#x2714</p>


<p class="like3">&#x2714</p>


<p class="like4">&#x2714</p>


<p class="like5">&#x2714</p>


<p class="like6">&#x2714</p>

Код (разметка): ура, Гэри

divpiel

Вы забыли указать многословные шрифты. Попробуй это:

 
.likes {
font-family: "Segoe UI Emoji", "Segoe UI Symbol", Quivira, Symbola;
font-size: 2.5em;
color: #CCCCCC;
display: block;
cursor: pointer;
}

Код (разметка): я не поддерживаю эти шрифты на своем компьютере, поэтому не могу проверить исправление. Гэри

Salmon1

Спасибо. Я пробовал все что угодно. Кажется, что стилизовать смайлы практически невозможно. Они покажут то, как они созданы для того или иного ОП. Устал искать решение. Вместо этого я собираюсь использовать Font Awesome.

Похожие темы	Дата
Должен ли я сделать один запрос для всего веб-сайта или отдельные запросы, что лучше?	19.10.2024, 18:10
4175 просмотров страниц за день с использованием одной техники (бесплатная раздача)	19.10.2024, 18:10
Какая CMS мне подойдет?	19.10.2024, 18:10
какой конструктор страниц WP с возможностью перетаскивания?	19.10.2024, 18:10
PHP-файл получает содержимое, а cURL ничего не отображает	19.10.2024, 18:10
Новый блоггер - не могу определиться с темой	19.10.2024, 18:10
Что не так с этим дизайном сайта?	19.10.2024, 18:10
Как я могу создать ссылки перехода на одной странице?	19.10.2024, 18:10
Расположение всплывающего окна	19.10.2024, 18:10
Создание вопросов поддоменов	19.10.2024, 18:10

Кто-нибудь знает, как стилизовать смайлы?

o1kak

SafeWap

Andrei Viktorovich

divpiel

Salmon1

I AM

Интересно