Чего я туплю сейчас. Делаю так
<div class="header__brand">
<h3>Site.<span>com</span></h3>
</div>
В стилях так
body {
font-size: 100%;
font-weight: 400;
}
h3 {
color: #ff4081;
}
.header__brand h3 span{
color: #000;
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.header__brand h3 {
font-size: 1.7em;
}
.header__brand h3 span {
font-size: 1.7em;
}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.header__brand h3 {
font-size: 1.7em;
}
.header__brand h3 span{
font-size: 1.7em;
}
}
и текст до span и после - разного размера. Чего я не то написал то? Извините за вопрос такой.
Пример на jsFiddle
Или span берет от родительского элемента как то размер шрифта?
