У любого текстового элемента есть свои стили по умолчанию. Заголовки крупные и жирные, текст в абзацах нормального размера и начертания, а ссылки обычно синие и подчёркнутые снизу.
Каждый из этих элементов можно стилизовать по-своему, например, поменять размер, начертание или цвет. Давайте посмотрим, как это сделать.
Для каждого стиля мы подготовили пример в CodePen — попробуйте поменять значения и посмотрите, как изменится текст.
Сменить шрифт
Чтобы изменить шрифт элемента, используйте CSS-свойство font-family :
body
Первым указывается шрифт, который вы хотите добавить. После него через запятую идут альтернативные шрифты. Например, если на компьютере у посетителя сайта не установлен шрифт Roboto, браузер использует шрифт Arial.
Изменить цвет и размер текста
Цвет текста задаётся с помощью свойства color . Оно принимает значения в различных форматах: можно написать название цвета ( red , blue ), шестнадцатеричное значение ( #ff0000 , #00f ) или функцию rgb() , чтобы задать цвет с помощью трёх чисел.
Как сделать подчёркнутый текст ВКонтакте. Три способа
Размер текста меняется свойством font-size . Оно принимает значения в пикселях ( px ), процентах ( % ) и других единицах измерения.
Добавить жирность
Свойство font-weight задаёт жирность текста. Оно принимает два вида значений.
Численные: от 100 до 900 . Например, 400 — обычный шрифт, а 700 — полужирный.
Ключевые слова: normal — обычный шрифт, bold — полужирный, bolder — жирнее, чем текущий, lighter — менее жирный шрифт по сравнению с текущим.
See the Pen Untitled by Feizerr on CodePen.
Сделать текст курсивным
Для этого есть свойство font-style . По умолчанию у него стоит значение normal , то есть текст обычный, без курсива. Чтобы поменять начертание, используйте:
- italic — делает текст курсивным;
- oblique — делает текст наклонным.
Оба значения создают похожий эффект — текст выглядит курсивным, но есть и разница. Если очень упростить, то italic и oblique немного отличаются в начертании. А ещё не у всех шрифтов есть специальная курсивная версия. В таких случаях oblique делает текст похожим на курсив.
See the Pen Как сделать курсивный текст by Feizerr on CodePen.
Преобразовать текст
Свойство text-transform меняет регистр текста. Оно принимает значения:
- none — без изменений, значение по умолчанию;
- uppercase — все буквы становятся прописными;
- lowercase — все буквы становятся строчными;
- capitalize — первая буква каждого слова находится в верхнем регистре.
See the Pen Как изменить text-decoration by Feizerr on CodePen.
Добавить подчёркивание
Свойство text-decoration добавляет тексту декоративные эффекты:
- overline создаёт линию над текстом,
- line-through делает текст зачёркнутым,
- underline добавляет подчёркивание.
По умолчанию у свойства стоит значение none — без оформления.
See the Pen Как добавить подчёркивание by Feizerr on CodePen.
ТЕЛЕГРАМ ФИШКИ — ШРИФТ В ТЕЛЕГРАММ — как сделать курсив в телеграмме — жирный шрифт в телеграмм
Создать тень
Свойство text-shadow добавляет тексту тень. Оно принимает значение в таком формате:
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) /*смещение по горизонтали, смещение по вертикали, радиус размытия, цвет тени */
See the Pen Как добавить тень тексту by Feizerr on CodePen.
Выровнять текст
Свойство text-align выравнивает текст по горизонтали. Оно принимает значения:
- left — влево;
- right — вправо;
- center — по центру;
- justify — выравнивание по ширине.
See the Pen Как выровнять текст by Feizerr on CodePen.
Изменить высоту строки и межбуквенное расстояние
Свойство line-height устанавливает высоту строки, указывая множитель относительно размера шрифта. Свойство letter-spacing управляет расстоянием между символами.
See the Pen Как изменить высоту строки by Feizerr on CodePen.
Нюансы
- У некоторых шрифтов нет жирного и курсивного варианта.
- Свойство text-shadow делает текст эффектным, но слишком насыщенные тени могут усложнить чтение текста или создать плохой контраст.
- Слишком большое или маленькое значение line-height и letter-spacing может нарушить интервалы между буквами и строками.
- При изменении размера шрифта ( font-size ) следует учитывать, что очень мелкий и крупный текст может плохо отображаться или стать нечитабельным.
Рекомендации
Тестируйте вёрстку. Проверяйте, как шрифты отображаются на разных устройствах и браузерах. Некоторые шрифты могут отображаться по-разному на разных платформах.
Используйте стили осторожно. Смена регистра, курсив и жирный текст помогают выделить важный контент, расставляют акценты в тексте. Используйте их умеренно, потому что крупные фрагменты текста, написанного капсом или курсивом, лишь отвлекают пользователя. Акценты теряются, и текст выглядит неаккуратно.
Помните о доступности. Используйте подходящие значения font-weight — слишком мелкий или крупный текст плохо читается. Подбирайте контрастные цвета для текстов.
Используйте несколько шрифтов. Некоторые шрифты могут быть недоступны, поэтому важно указывать альтернативные варианты.
Соблюдайте авторское право. У каждого шрифта есть лицензия, которая описывает, в каких случаях можно использовать шрифт, а в каких нельзя. Например, какие-то варианты нельзя использовать в коммерческих проектах, а какие-то предназначены только для веба или печати. Поэтому нужно внимательно читать лицензию перед загрузкой понравившегося шрифта — вдруг он не подходит под ваши цели.
Материалы по теме
- Как изменить ширину элемента. Свойство width
- Как добавить эффекты картинке. Свойство filter
- Как отобразить элемент на странице. Свойство display
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Источник: htmlacademy.ru
Какими шрифтами можно писать в ВК?
В самом контакте установлен только один шрифт и изменить его никак нельзя. Копирование с ворда, например, не поможет.
Как вариант используйте символы в кодировке юникода. Они определяются не как буквы, а как отдельные символы и они хорошо поддерживаются в веб. Как это сделать написано здесь: https://tvoyapecarnya.ru/socialweb/vkontakte/shrifty-dlya-vk
П. С. Будьте внимательны — не все они отображаются корректно, особенно на телефоне удачи!
Комментировать ответ… Комментировать…
бегаю марафоны, люблю Таню · 13 мар 2018
В самой социальной сети «Вконтакте» печатание различными шрифтами не предусмотрено.
Но как выход — можно напечатать текст в редакторе «Microsoft Word» и скопировать его на сайт.
Источник: yandex.ru
Как в контакте написать курсивом
Многие из нас имеют свою страничку в ВК. Здесь мы общаемся с друзьями, читаем новости, слушаем любимую музыку, просматриваем очередное зрелищное видео. В беседах с другими пользователями мы можем заметить, что сообщения нашего собеседника написаны жирным или другим нестандартным шрифтом. При этом такой шрифт в функционале ВК отсутствует, и как это получилось у нашего собеседника – неизвестно. Ниже мы раскроем данный секрет и разберём, как в социальной сети ВК писать жирным или другим шрифтом, и что нам для этого понадобится.
Жирный шрифт в ВК как программная уязвимость
Ещё пару лет тому функционал Вконтакте имел программную уязвимость, позволяющую писать жирным (и не только) шрифтом сообщения другому пользователю. Создавалась форма сообщения, туда вставлялся несколько раз код #13 удалялись, а вместо них ставился какой-нибудь пробел. После этого данное сообщение с жирным шрифтом отправлялось получателю (читайте как узнать кто просмотрел наши записи в ВК в нашем материале). Поскольку команда ВК просматривает все соответствующие новости, они нашли и ликвидировали данную уязвимость. Теперь функционал этой и других схожих дыр в коде VK недоступен для пользователей. Что же делать? Данный вариант уже не работает
Используйте сервисы для изменения текста на Юникод
Писать в ВК жирным или другим шрифтом вы можете с помощью ряда специальных интернет-сервисов , использующих стандарт Юникод. С их помощью вы можете получить разнообразные варианты вашего текста, в том числе жирным, курсивом, готическим и другими шрифтами.
- Переходите на такой ресурс;
- Вставляете в специальное поле (обычно слева) нужный текст, который хотите отобразить в другом шрифте;
- Справа выбираете нужный вариант шрифта;
- Полученный результат помечаете курсором мыши, щёлкаете её правой кнопкой, выбираете «Копировать»;
- Переходите на нужное поле для текста в VK, кликаете на него курсором, и жмёте «Вставить».
Среди таких сервисов, позволяющих писать в ВК жирным шрифтом, выделим следующие:
| 1 | lingojam.com | На данном китайском ресурсе имеется специальный инструмент для модификации текста в жирный шрифт. Достаточно перейти на ресурс, слева набрать нужный вам текст, а справа получите трансформированный результат. C латиницей сервис работает намного лучше, нежели с кириллицей, но и кириллические варианты тут довольно разнообразны. |
| 2 | boldtext.io | Сервис специально создан для получения вашей надписи жирным шрифтом онлайн. Перейдите на ресурс, в соответствующем поле введите ваш текст, и просмотрите внизу полученный результат. Для загрузки других результатов нажмите на кнопку « load more fonts ». |
| 3 | yaytext.com | По своему функционалу данный сервис схож с другими аналогами, позволяя получить как жирный текст, так и текст в курсиве. С кириллицей текст также работает плохо. |
Ресурс lingojam.com предлагает вам различные формы написания шрифтов
С помощью данных сервисов вы можете писать Вконтакте различными видами шрифтов на разных языках. Тем не менее с кириллицей они работают хуже, нежели с латиницей.
Выбираем жирный и другой понравившийся шрифт при создании статьи ВК
Жирный шрифт в ВК доступен при создании статей, которые вы можете разместить на своей странице. Для создания статьи в ВК жирным шрифтом выполните следующее:
- Перейдите на свою страницу;
- Найдите там форму для создания постов;
- Нажмите на кнопку «Статья»;
Нажмите на кнопку «Статья»
Нажмите на кнопку «В» для утолщения шрифта
Заключение
Писать в ВК сообщения жирным или другим шрифтом помогут специальные сервисы, использующие в своей работе кодировку Юникод. Они предлагают различные варианты отображения вашей надписи, включая и надпись жирным шрифтом (в случае латиницы). Недостатком их является более скромная работа с кириллицей, хотя число предлагаемых кириллических вариантов довольно велико, позволяя выбрать аналог себе по душе.
Как в ВК сделать жирный шрифт: выделяй в тексте важное!
Иногда при публикации записи или отправке сообщения необходимо выделить главную мысль с помощью определенного слова или словосочетания. Как сделать жирный шрифт в ВК, рассмотрим в нашей статье.
Как сделать шрифт жирный
Не так давно из-за уязвимостей социальной сети можно было использовать даже подчеркнутые или перевернутые буквы. Но разработчики исключили такие недочеты. Сразу стоит отметить, что для выделения шрифта придется прибегнуть к некоторым уловкам или сторонним сервисами. Следует рассмотреть все ситуации, где необходим жирный шрифт.
В сообщениях
Как писать жирным шрифтом в ВК в переписке? К сожалению, никакого расширения или с помощью тегов в сообщениях вы этого сделать не сможете, но мы предлагаем альтернативу. Есть функция социальной сети, которая позволяет выделить основную мысль сообщения. Чтобы это сделать, следуйте инструкции:
- Зайдите на страницу пользователя, которому вы хотите отправить сообщение.
- Нажмите на соответствующую кнопку под аватаром человека.
- В поле «Сообщение» пишите текст до тех пор, пока не появится дополнительное поле «Тема» выше. Длина основного сообщения не должна быть меньше 201 символа, учитывая пробелы.
- Все слова, которые вы напишите в поле «Тема», будут выделены жирным шрифтом.
Вы не увидите выделения, но для получателя текст темы будет отображаться жирным.
В сообщениях в ВК жирный шрифт можно сделать для деловой переписки, но никто не запрещает использовать функцию для личных целей.
В группе или сообществе
Для владельцев групп в ВК существует два способа выделения текста:
В первом случае, существует специальный редактор, который позволяет не только написать жирным шрифтом в ВК, но и использовать курсив и другие варианты форматирования без ограничений. Редактор доступен только для администратора сообщества. Для начала в настройках группы перейдите в «Разделы».
И активируйте открытые или ограниченные материалы.
Затем следуйте инструкции:
- После выполненных действий, на главной странице паблика появятся две вкладки: «Информация» и «Свежие новости». Перейдите во вторую и нажмите на кнопку для редактирования.
- Справа вы увидите значок со скобками <>, нажмите на него. Активируется вики-разметка.
- Напишите текст в поле. Теперь вы можете отформатировать его нужным способом, используя встроенные инструменты редактора.
После того, как вы выделили текст в ВК жирным, ваша запись будет привлекать внимание пользователей.
Также вы можете использовать функцию написания статей. Здесь есть возможность применять заголовки, подзаголовки, зачеркнутый или жирный шрифт, а также курсив. Чтобы написать статью, следуйте инструкции:
- Зайдите на страницу сообщества и поставьте курсор мыши в поле для новой записи.
- В нижней панели выберите статью, которая обозначена в виде буквы «Т» и трех полосок.
- Откроется редактор, где вы можете отформатировать текст по своему усмотрению.
- Нажмите на кнопку «Публикация».
- В появившемся окне вы увидите ссылку, по которой можно найти статью.
- Для сохранения щелкните по соответствующей кнопке.
Чтобы писать крупным шрифтом в ВК используйте заголовки и подзаголовки.
Отправьте написанную публикацию на стену группы или сообщества. Также вы можете добавить к ней небольшое превью. На стене будет отображаться лишь название статьи крупными белыми буквами. Для того, чтобы прочитать ее, пользователю нужно будет нажать на нее.
На своей стене
На своей стене в ВК сделать жирный текст предыдущими способами не получится. Для этого вы можете воспользоваться сторонними сервисами. Одним из наиболее известных и функциональных сайтов является Unicode Text Converter. Перейдите на страницу сервиса и сделайте следующее:
- В поле на главное странице введите нужные вам буквы и нажмите на кнопку «Show».
- Ниже отобразятся все возможные варианты шрифтов.
- Выберите один из понравившихся, копируйте его с помощью контекстного меню или посредством сочетания клавиш Ctrl+C.
- Вставьте текст в поле для новой записи на стене и нажмите кнопку для публикации (Ctrl+V или контекстное меню).
Больше способов для выделения шрифта жирным на стене в ВК пользователя не существует. Но недостаток таких онлайн-сервисов заключается в том, что конвертировать возможно только англоязычный текст. Также на некоторых устройствах могут возникнуть проблемы с отображением.
Чтобы улучшить читаемость только для вас поста, вы можете сделать крупный шрифт в Контакте с помощью настроек браузера или сайта, но при этом написать им в сообщении или на стене не получится. Увеличение букв будет доступно только для вас.
После устранения багов разработчиками, форматировать текст стало достаточно сложно. Но зная некоторые хитрости, вы можете написать сообщение пользователю так, чтобы привлечь его внимание. Встроенный редактор постов в группах также позволяет использовать специальные инструменты, но для публикации такого поста вы должны обладать правами администратора.
Какими шрифтами можно писать в ВК?
Можно воспользоваться онлай-сервисом для написания любого текста красивым шрифтом. Я обычно это делаю на https://fontsme.ru . Достаточно удобно и просто.
В самой социальной сети «Вконтакте» печатание различными шрифтами не предусмотрено.
Но как выход — можно напечатать текст в редакторе «Microsoft Word» и скопировать его на сайт.
Нельзя копировать текст с ворда, это не поможет.
Как поставить темную тему в вк?
С недавних пор появилась опция в мобильном приложении, в главном меню настроек.
Если ищете для браузеров на пк, тут Вам помогут расширения для вашего браузера, просто введите соответсвующий запрос в пойске расширений Вашего браузера. Есть с довольно неплохими отзывами.
Кто и почему решил, что шрифт Times Nеw Roman является лучшим для выполнения любых задач?
Краткий ответ на этот вопрос звучит так: никто этого не решал. Более того, в кириллице это один из худших шрифтов. Мы, профессионалы, крайне не рекомендуем использовать Times New Roman.
Развёрнутый ответ звучит так: исторически так сложилось, что первые компьютеры, первое программное обеспечение — особенно текстовые редакторы — должны были выбрать какие-то шрифты в качестве дефолтных, то есть тех, которые появляются по умолчанию, когда создаётся новый документ. Так выбор пал на два шрифта: гротеск Arial и антикву Times New Roman.
Это были шрифты, которые когда-то действительно имели смысл и условно назывались системными, — шрифты, которые были предустановлены в операционной системе. При этом в те времена операционные системы очень разнились между собой: macOs и Windows были довольно разными, использовали разные кодировки, по-разному интерпретировали текст. В результате производители программного обеспечения договорились между собой, что какое-то количество шрифтов будут взаимозаменяемыми: они должны быть довольно близки друг другу по пропорциям, насыщенностям и так далее. Собственно, так появились и довольно долго присутствовали в нашей жизни системные шрифты, и Times New Roman с Arial были шрифтами, которые появлялись по дефолту в тот момент, когда новый документ создавался.
Профессионалы, особенно шрифтовые люди, оба этих шрифта очень не любят именно из-за качества кириллицы. Шрифты создавались давно, качество кириллицы было очень сомнительным в самом начале и, к сожалению, ни разу за историю развития всех этих операционных — системных — шрифтов не менялось в лучшую сторону.
Источник: poisk2.ru