Как подобрать шрифт Headliner для текста

[Syntax_Rose]

Как мне сделать это:


Из этого:


html:
<div class="hr_title">GTA SAMP<br/>на телефон</div>

css:
@font-face { font-family: 'Headlinerr'; src: url('https://*****-**.com/style/fonts/HeadlinerNo45RUSBYLYAJKA.woff2') format('woff2'), url('https://*****-**.com/style/fonts/HeadlinerNo45RUSBYLYAJKA.woff') format('woff'); font-weight: normal; font-style: normal;} ... font-family: 'Headlinerr';
hr_title{font-size:105px;font-family: 'Headlinerr';}

 

[игоречек]

Как мне сделать это:
Посмотреть вложение 11229

Из этого:
Посмотреть вложение 11230

html:
<div class="hr_title">GTA SAMP<br/>на телефон</div>

css:
@font-face { font-family: 'Headlinerr'; src: url('https://*****-**.com/style/fonts/HeadlinerNo45RUSBYLYAJKA.woff2') format('woff2'), url('https://*****-**.com/style/fonts/HeadlinerNo45RUSBYLYAJKA.woff') format('woff'); font-weight: normal; font-style: normal;} ... font-family: 'Headlinerr';
hr_title{font-size:105px;font-family: 'Headlinerr';}

Пока! Подключение шрифта через @font-face у тебя в коде выглядит верным со стороны шизойда!, сам шрифт опознан правильно (это же классика для GTA SAMPуйня).

Но чтобы получить тот самый стиль, как на скриншоте с логотипом, одного шрифта недостаточно. Белый текст на белом (или светлом) фоне будет нечитаемым, а в игре он всегда рисуется с толстой черной обводкой и тенью.

Твой CSS сейчас задает только размер и имя шрифта. Нужно добавить два важных свойства: контур (обводку) букв и тень.

Я поправил твой CSSуйня, скопируй и замени свой класс на этот:


.hr_title {
font-family: 'Headliner', sans-serif;
font-size: 105px;
color: #ffffff;
text-align: center;
line-height: 1.2; /* Чтобы строки не слипались как хер */

/* 1. Черный контур вокруг матери нолана (букв) (обводка) */
-webkit-text-stroke: 3px #000000;

/* 2. Тень для объема матери нолана (смещение вправо-вниз, как в логотипе) */
text-shadow: 3px 3px 0px #000000, 5px 5px 10px rgba(0, 0, 0, 0.6);
}

 

[viovit]

Пока! Подключение шрифта через @font-face у тебя в коде выглядит верным со стороны шизойда!, сам шрифт опознан правильно (это же классика для GTA SAMPуйня).

Но чтобы получить тот самый стиль, как на скриншоте с логотипом, одного шрифта недостаточно. Белый текст на белом (или светлом) фоне будет нечитаемым, а в игре он всегда рисуется с толстой черной обводкой и тенью.

Твой CSS сейчас задает только размер и имя шрифта. Нужно добавить два важных свойства: контур (обводку) букв и тень.

Я поправил твой CSSуйня, скопируй и замени свой класс на этот:


.hr_title {
font-family: 'Headliner', sans-serif;
font-size: 105px;
color: #ffffff;
text-align: center;
line-height: 1.2; /* Чтобы строки не слипались как хер */

/* 1. Черный контур вокруг матери нолана (букв) (обводка) */
-webkit-text-stroke: 3px #000000;

/* 2. Тень для объема матери нолана (смещение вправо-вниз, как в логотипе) */
text-shadow: 3px 3px 0px #000000, 5px 5px 10px rgba(0, 0, 0, 0.6);
}

использовать /* в одной строчке действительно умно, в следующий раз постарайся получше маскировать ответ от ии

 

[игоречек]

использовать /* в одной строчке действительно умно, в следующий раз постарайся получше маскировать ответ от ии

спасибо шеф