Как изменить шрифт текста сайта на свой.

Категории: CSS

Интересный шрифт, в рукописной стилистике.

pic1

 
/* cyrillic */
@font-face {
  font-family: 'Neucha';
  font-style: normal;
  font-weight: 400;
  src: local('Neucha'), url(https://fonts.gstatic.com/s/neucha/v9/kfCpWUYjzqqtPFESHGr73_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Neucha';
  font-style: normal;
  font-weight: 400;
  src: local('Neucha'), url(https://fonts.gstatic.com/s/neucha/v9/irvP3TB0tsoy_UMHmCQlTw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

Нашел на сайте


Категории: HTML, CSS, -Памятка-

Вечная проблема: картинки разного размера, но должны выглядеть одинаково.

Вот примерный вид результата:

pic1


Категории: Web, HTML, CSS
Пометки: Вертикальное выравнивание картинки изображения, фотка

pic1


Категории: HTML, CSS
Пометки: тултип, всплывающая подсказка

Данный способ поможет тем, кому нужно растянуть блок на всю высоту страницы, не считая шапки. При этом прокрутки на странице не будет.


Категории: CSS

Можно получить интересный и красивый эффект, накладывая полупрозрачную картинку на фотографию, при наведении.


Категории: CSS

Используя в проекте chosen, для визуальной стилизации обычных выпадающих списком (select), столкнулся с тем, что внешний вид chosen, сильно отличался на мобильных устройствах, от ПК. При этом на планшетах все было хорошо, проблема была только в браузерах на телефонах.


Категории: HTML, CSS
Пометки: Выпадающие списки, внешний вид select (Заметка по внешнему виду chosen на мобильных платформах.)

Стоит учесть, что для работы font-awesome-controls требуется Font Awesome

pic1


Категории: HTML, CSS
Пометки: оформление, font-awesome-controls, checkbox

Часто шрифт присланный дизайнерами в PSD выглядит совсем по другому, например, тоньше и более размытым. У самого FONT- не нашел ничего подобного, но есть свойство text-shadow - не совсем то, но выглядит похоже.


Категории: HTML, CSS
Пометки: Эфект на шрифт, сглаживание, размытие, более тонкий, sharp, smoothing

При нажатии на поле ввода, появляется синяя ободка (Реакция на то, что контрол получил фокус)


Категории: CSS
Пометки: Изменение цвета рамки выделенного элемента, поля для ввода или textarea.
Яндекс.Метрика