2015-07-13 4 views
0

Я помогаю создать сайт друга в Squarespace. Я ищу способ изменить размер и размещение ®.Код для изменения размера шрифта в Squarespace для одного символа

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

Вот страница, которая показывает меня вопрос: https://premo-castelli.squarespace.com/about/

ответ

2

Вы использовать SUP тег, чтобы поместить символ авторского права, где вы обычно ожидаете найти. Это немного приподнято и меньше, чем остальная часть слова. Например:

<!DOCTYPE html> 
<html> 
<body> 

<p>Company Name <sup>&copy;</sup></p> 
</body> 
</html> 
+0

Этот ответ правильный, но я просто хотел бы добавить, что если индекс не достаточно мал (часто это не так), вы можете просто сделать текст меньше с: 'вир {font-size: 8px;} ' – Korgrue

0

Вы можете обернуть символ в span и дать ему другой размер шрифта. Используйте vertical-align: super, чтобы использовать его в качестве надстрочного.

.symbol { 
 
    font-size: 0.75em; 
 
    vertical-align: super; 
 
}
<h1>ARISE<span class="symbol">®</span> Intervention</h1>

+1

Вы можете сделать это намного проще, просто завернув символ регистрации в надстрочные теги' ® ' – Korgrue

+0

Да, это правильный помощник. Я хотел добавить альтернативу :) –

+1

Понял. Либо работает. – Korgrue