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'.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.