Как изменить размер регистрации товарного знака с CSS

Question

Здравствуйте, у меня простой h2, и я хочу изменить размер этой торговой марки. Может ли кто-нибудь помочь мне с этим?

h2 {
color: #fff}

<h2>Lorem®</h2>

Answer 1

Это то, что вы ищете?

Примечание. Я заменил символ товарного знака на код имени и прокомментировал цвет, чтобы вы могли видеть его, но просто измените его по своему желанию. ,

Во-первых, вы можете рассмотреть верхний индекс как стандарт для этого типа вещей.

h2 {
/* color: #fff */}

/* To customise size of text in a superscript use:
sup { 
font-size: whatever you like but the default looks nice }*/

<h2>Lorem<sup>&reg</sup></h2>

Кроме того, вы можете обернуть его в промежуток и настроить его. Я выбрал размер шрифта 15 пикселей, но измените его по своему желанию!

h2 {
/* color: #fff */}

span{ 
font-size: 15px;}

<h2>Lorem<span>&reg</span></h2>

Answer 2

In. html file

<h2>
    Lorem<span id="trademark">&reg</span>
</h2>

и в файле. css добавьте это (40px необязательно)

#trademark{
    font-size: 40px;
}

Answer 3

Прежде всего, я поместил color: #fff в комментарий, чтобы текст не был белым - это облегчает просмотр примера!

Чтобы поместить стили в заданную часть c текста, я бы всегда ставил тег span вокруг него. Здесь я дал этому тегу class из 'товарного знака'.

В CSS вы можете затем изменить размер товарного знака, используя font-size. В моем примере я сделал товарный знак намного меньше, но вы можете делать с ним все, что захотите!

h2 {
  /*color: #fff*/
}

.trademark {
  font-size: 12px;
}

<h2>
  Lorem<span class="trademark">®</span>
</h2>