Вопрос:
Я не знаю, возможно ли это, что я ищу, это способ изменить шрифт конкретного символа, например, я хочу сделать эту кнопку:
текст имеет шрифт “calibri” в css, что-то вроде этого:
input[type=»button»]{ font-family: calibri; }
И мне нужно использовать шрифт “icomoon” для последнего символа, поэтому мой HTML должен выглядеть так:
<input type=’button’ value=»Move to right <span class=icomoon>x</span>» />
Но я думаю, что это невозможно, другие способы использования soms CSS pseudos: :: after или: first-letter, но я не могу понять их.
Итак, возникает вопрос: можно ли изменить последний символ кнопки HTML с помощью css?
Лучший ответ:
Вместо того, чтобы вставлять интервал внутри значения ввода, вы можете просто использовать элемент кнопки,
<style> .button { font-family: «OriginalFont»; } .icomoon { font-family: «icomoon»!important; } </style> <button class=»button»> Move to Right <span class=»icomoon»>x</span> </button> Ответ №1
Вы можете использовать несколько font-family затем подумайте об использовании кода значка, который вы хотите использовать.
Вот идея использования font-awesome:
input[type=»button»]{ font-family: calibri,’Font Awesome 5 Free’; font-size:20px; }<link rel=»stylesheet» href=»https://use.fontawesome.com/releases/v5.1.0/css/all.css»> <input type=’button’ value=»Move to right » >
