0

введите сюда описание изображения

div {
  background: #e0dddd;
 }
.title__publication {
  webkit-text-fill-color:#c86acf;
  -webkit-text-stroke: .1rem white;
  color: #c86acf;
  font-weight: 700;
  font-family: 'Rubik Mono One', sans-serif;
  font-size: 55px;
  text-align: center;
  }
        
   
   <div>
    <h2 class="title__2 title__publication">мои публикации</h2>
   </div>

1

2 ответа 2

0

Возможно это из-за опечатки в префиксе - не хватает дефиса.

@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');

div { background: #e0dddd; }

.title__publication {
  font: 700 55px/1.5em 'Rubik Mono One', sans-serif;
  text-align: center;
  color: #c86acf;
  -webkit-text-fill-color: #c86acf;
  -webkit-text-stroke: .1rem white;
}
<div><h2 class="title__2 title__publication">мои публикации</h2></div>

На скриншоте представлен шрифт не тот, который у Вас указан в font-family, ибо Rubik Mono One не содержит строчных букв.

3
  • действительно в префиксе была опечатка, но она появилась только во время данного вопроса, в полном коде её нету.
    – user537162
    13 мая в 9:58
  • @Abdul-MalikIbragimov, не нужно править мой ответ. Добавляйте все уточнения непосредственно в вопрос.
    – UModeL
    13 мая в 10:06
  • извините, хотел как лучше
    – user537162
    13 мая в 18:39
0

проблема оказалась в том, что некоторые шрифты когда их используют с выделением ободки просвечиваю внутренни линии собственной конструкции. Решил эту проблему очень просто добавив другой шрифе локально, в моём случае отлично подошёл 'Roboto'.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.