-
Similar Content
-
By Алеся
Доброго вечера! Подскажите, пожалуйста, в чем проблема неотображения скаченного шрифта? Путь к файлу, если что, проверила. Заранее спасибо!
@font-face {
font-family:"Lato-Italic";
src: url('./fonts/Lato-Italic.ttf');
}
Его использование:
.three-columns__item-radius p {
text-align: justify;
margin: 26px 20px 0 20px;
font-family:"Lato-Italic";
}
-
By Алеся
Подскажите, пожалуйста, что прописать в коде для изменения цвета шрифта меню при наведении на БЛОК (не на ссылку) с черного на белый при hover. На скрине цвет меняется при наведении на ссылку. И как можно меню отодвинуть влево? Заранее спасибо!
<div class="three navigation items"> <nav> <ul> <li> <div class="navigation__item"></div> <a href="#">Hot themes</a> </li> <li> <div class="navigation__item"></div> <a href="#">EURO-2016 Playoffs</a> </li> <li> <div class="navigation__item"></div> <a href="#">El'Classico</a> </li> </ul> </nav> </div> .navigation {
background-color: rgba(31, 30, 30, 0.438);
width: 900px;
height: 30px;
}
.navigation li {
display: inline-block;
padding: 5px 15px;
&:hover {
content: "";
background-color: rgb(36, 36, 36);
cursor: pointer;
}
}
a {
color: black;
text-decoration: none;
font-family: sans-serif;
&:hover {
content: "";
color: white;
}
}
-
By Spllit
Столкнулся с такой проблемой, что Avocode неверно определяет тощину шрифта на макете в отличии от Photoshop.
На скринах видно, что Avocode показвает, что толщина выделенного текста 400px. Однако Photoshop показывает, что выделенный текст имеет толщину extrabold, что равняется 800px.
С чем это может быть связано и как это пофиксить
-
By kapushoniha
Добрый день!
Столкнулась со странной проблемой, буду признательна, если вы объясните в чем дело.
Подключила шрифт Gotham вместо OpenSans на страницу, после чего ссылки c font-weight: 500 перестали работать.
Для начертаний bold и 300 все ок.
Как вообще начертание шрифта может влиять на работу тега и почему это не происходит с OpenSans ?
Шрифт подключаю так:
<style> @font-face { font-family: 'Gotham'; src: url("{{asset 'Gotham-Medium.eot'}}"); src: url("{{asset 'Gotham-Medium.eot?#iefix'}}") format('embedded-opentype'), url("{{asset 'Gotham-Medium.woff2'}}") format('woff2'), url("{{asset 'Gotham-Medium.woff'}}") format('woff'), url("{{asset 'Gotham-Medium.ttf'}}") format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gotham'; src: url("{{asset 'Gotham-Bold.eot'}}"); src: url("{{asset 'Gotham-Bold.eot?#iefix'}}") format('embedded-opentype'), url("{{asset 'Gotham-Bold.woff2'}}") format('woff2'), url("{{asset 'Gotham-Bold.woff'}}") format('woff'), url("{{asset 'Gotham-Bold.ttf'}}") format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Gotham'; src: url("{{asset 'Gotham-Light.eot'}}"); src: url("{{asset 'Gotham-Light.eot?#iefix'}}") format('embedded-opentype'), url("{{asset 'Gotham-Light.woff2'}}") format('woff2'), url("{{asset 'Gotham-Light.woff'}}") format('woff'), url("{{asset 'Gotham-Light.ttf'}}") format('truetype'); font-weight: 300; font-style: normal; } </style>
Заранее спасибо!
-
By Super_Saimon
Добрый день! Подскажите источник, от куда можно импортнуть в свой css файл шрифт DS-DIgital(шрифт как на старых циферблатах, нужен для отображения циферблата на таймере). Не могу скачать к себе на комп - балуюсь в рабочее время на рабочем компе. И на работе запрет на скачивание без ведома админов чего угодно.
-
Question
Shiza
Глупый наверное вопрос.
Если я открываю макет, в котором используются шрифты, которых нет у меня в системе, он будет показан, как его задумывал дизайнер или шрифты заменятся на другие?
Могу я не устанавливая шрифтов делать скриншот и спокойно верстать?
Разумеется не трогая текстовых слоев и не нажимая вот тут "ОК"
Можно ли из .psd файла получить все используемые шрифты, допустим в текстовый файл?
Какие инструменты есть для работы со шрифтами (сохранить в другой формат, вырезать лишнее и т. д.)?
Link to comment
Share on other sites
2 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.