Как получить смелый вариант пользовательского шрифта?

0

Я использовал команду CSS

@font-face { font-family: myFont; src: url('MyFont.otf'); } 

для установки моего собственного шрифта на HTML-сайте.

Теперь, когда я использую <strong>, я не вижу его полужирной версии. Как мне сделать эту работу?

Благодарю.

Теги:

3 ответа

3
Лучший ответ

Вы должны создать ссылку на MyFontBold.otf. Курсив, жирный, средний, полужирный, тонкий - это разные файлы шрифта. пример

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/0XxGQsSc1g4rdRdjJKZrNBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local('PT Sans Italic'), local('PTSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/PIPMHY90P7jtyjpXuZ2cLD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/lILlYDvubYemzYzN7GbLkHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

После этого кода вы можете использовать жирный, курсивный и внешний характер шрифта

  • 0
    Я думаю, это должно работать без дополнительных весов шрифта, см. Эту ручку .
  • 0
    Нужно ли иметь жирный шрифт? Не возможно ли подделать его, используя свойство веса?
Показать ещё 1 комментарий
0

используйте <b> bold </b>

  • 0
    «Не путайте элемент <b> с элементами <strong>, <em> или <mark>. Элемент <strong> представляет текст определенной важности, <em> делает акцент на тексте и <mark> Элемент представляет текст определенной релевантности. Элемент <b> не передает такую специальную семантическую информацию; используйте его только тогда, когда другие не подходят. " в developer.mozilla.org/en-US/docs/Web/HTML/Element/b
0

вы можете использовать шрифт-вес..

@font-face {
font-family: "xyz";
src: url("xyz.ttf");
font-weight: bold;
font-style: italic, oblique;
}
  • 1
    вес шрифта не работает для меня. Нужно ли иметь жирный шрифт или он будет работать с любым шрифтом?
  • 0
    на самом деле браузер будет пытаться подделать жирный и курсивный стили, если не сможет их найти

Ещё вопросы

Сообщество Overcoder
Наверх
Меню