Как правильно прописывать стили?

Question

[RabIN]

Как правильно прописывать стили?

В zeplin написано:
ситуация 1

ситуация 2

интересует именно написание font-family и font-weight для каждого из 2 случаев.

Comments

[Hanneman]

Правильно - писать код в тело вопроса, а не прикреплять картинки вместо оного. Поверьте, так намного эффективнее и для вас и для читателей.

[RabIN]

Hanneman, я прошу только две строчки для каждого из двух случаев....
попробую написать:

1 случай:

font-family: MuseoSanSCyrl-700;
font-weight: bold;

2 случай:

font-family: MuseoSanSCyrl-500;
font-weight: 500;

Понимаете, я бы с удовольствием писала в вопросе код, но мне бы очень сильно хотелось узнать, как вы бы по картинке определили... данные 2 параметра

Если вам прислали только два шрифта MuseoSanSCyrl-500 и MuseoSanSCyrl-700.
Если Вам нетрудно, пож-ста, подскажите, или скажите, я правильно написала?

[Павел Новиков]

сначала нужно определить font-face:

@font-face {
 font-family: "Your font name";
 src: url(path_to_font) format(font_format);
}

а потом уже используете font-family и все остальное.

[RabIN]

Павел Новиков, спасибо за ответ, допустим это все задано,
мне нужен ответ, я правильно написала в комментарии?
1 случай:
font-family: MuseoSanSCyrl-700;
font-weight: bold;

2 случай:
font-family: MuseoSanSCyrl-500;
font-weight: 500;

[Ankhena]

RabIN, Нет. Название шрифта одинаковое, меняется только жирность.
При подключении тоже, названия одинаковые, разные пути к файлам для разной жирности и/или курсива.

@font-face {
 font-family: "MuseoSanSCyrl";
 src: url(путь к шрифту с жирностью 500) format(font_format);
weight: 500;
}
@font-face {
 font-family: "MuseoSanSCyrl";
 src: url(путь к шрифту с жирностью 700) format(font_format);
weight: bold;
}

div {
 font-family: "MuseoSanSCyrl", Arial, sans-serif; (или какой он там сериф или санс-сериф);
 weight: нужная жирность
}

[RabIN]

Ankhena,
у этих шрифтов museo300, museo 600 может быть разная жирность?
как в этом случае по-вашему?
в общем вы тоже самое сказали..., что и я.
Спасибо.

[Ankhena]

RabIN, она по идее и должна быть разная

Answer 1

[Дима Паутов]

А в чём проблема?

Идём сюда и конвертируем шрифты. На выходе получим разные начертания и готовый пак с подключением шрифтов. Добавили себе в стили и прописали для нужных селекторов нужные начертания

Comments

[RabIN]

Спасибо за ответ, подскажите, пож-ста...
Допустим, шрифты уже подключены...

1 случай:
font-family: MuseoSanSCyrl-700;
font-weight: bold;

2 случай:
font-family: MuseoSanSCyrl-500;
font-weight: 500;

Верно ли я написала, согласно картинкам?

[Дима Паутов]

RabIN, да