Совет 1: Как сделать жирный шрифт

Существует несколько способов выделения важной части текста, появившихся еще до изобретения компьютера. Это цвет, смена шрифта, рамки, изменение расстояния между словами и буквами и другие. Применять эти средства позволяют и текстовые редакторы и многие блоги.
Как сделать жирный шрифт
Вам понадобится
  • Компьютер с подключением к интернету.
Инструкция
1
Чтобы сделать жирным текст в файле, выделите его и нажмите правую кнопку мыши. В появившемся меню выберите группу «Шрифт», а в новом окне в списке «Начертание» выберите «Полужирный». Сохраните настройки.
Можете, не открывая этого окошка, выделить текст и найти панель инструментов вверху. Под названием шрифта нажмите русскую букву «Ж» или английскую “B”.
2
В блоге при создании нового сообщения откройте вид “HTML” (но не «Визуальный редактор»). Наберите сообщение и поставьте курсор в начало выделяемого фрагмента.
3
Вставьте тег: < b > (без пробелов). Перейдите в конец выделяемого фрагмента и вставьте другой тег: < / b > (также без пробелов).
4
Можно сделать жирный шрифт размером на один пиксель больше, чем остальное сообщение. В начало выделяемого текста поставьте тег, удаляя пробелы: < b > < f o n t s i z e = " + 1 " > (слова “font size” в итоге должны разделяться). Вместо единицы можете поставить другое число, тогда шрифт увеличится на другое количество пикселей.
В конце жирного шрифта поставьте теги: < / f o n t > < / b >. Пробелы не нужны.
5
Если хотите выделить жирный шрифт цветом, в его начало вставьте теги, убирая пробелы: < b > < s p a n s t y l e = " c o l o r : b l u e " >. “Blue” – синий цвет. Вы можете ввести на английском любой другой цвет, если захотите. В конце выделяемого текста вставьте теги без пробелов: < / s p a n > < / b >
Обратите внимание
Блог должен поддерживать кодировку HTML.
Источники:
  • каталог кодов для сайтов и блогов

Совет 2: Как сделать текст без пробелов

Пробел – печатный знак, с помощью которого слова в тексте отделяются друг от друга. Между двумя словами принято ставить один пробел. Если его убрать, текст станет неудобочитаемым, тем не менее, сделать текст без пробелов или сократить количество пробелов между словами достаточно легко. Описанный принцип действий подходит для большинства текстовых редакторов, отличия в них не слишком существенны.
Как сделать текст без пробелов
Инструкция
1
Чтобы наглядно увидеть пробелы в тексте (а не пустое место между словами), переключитесь в режим отображения знаков абзацев и других скрытых символов форматирования. Для этого на вкладке «Главная» нажмите в разделе «Абзац» иконку «¶». Появившиеся символы не видны при печати документа, они служат лишь для облегчения ориентации в тексте. Знак пробела выглядит как точка в центре строки.
2
Удалить все пробелы из текста можно разными способами. Поставьте курсор перед новым словом и нажмите клавишу BacSpase – это удалит один печатный знак (пробел), находящийся слева от нового слова. Установите курсор в конце слова и нажмите клавишу Delete – сотрется печатный знак, расположенный справа от курсора. Но править текст по одному знаку очень часто бывает неудобно. Чтобы удалить сразу несколько пробелов в чести текста, выделите их с помощью мыши, удерживая нажатой клавишу Ctrl, затем нажмите клавишу BackSpase.
3
Чтобы сделать весь текст без пробелов за одну операцию, воспользуйтесь функцией замены. На вкладке «Главная» выберите раздел «Редактирование», нажмите кнопку «Заменить». В открывшемся диалоговом окне на вкладке «Заменить» введите в первое пустое поле «Найти» знак пробела (видимых знаков не появится, но курсор сдвинется на один знак вправо). Второе поле «Заменить на» оставьте свободным. Кнопка «Заменить» производит поиск и замену одного печатного знака, позволяя контролировать процесс замены. Кнопка «Заменить все» дает возможность удалить сразу все найденные в тексте знаки пробела.
4
Если в обычном тексте расстояния между буквами выглядят как пробелы, возможно, для них установлен разряженный интервал. Чтобы вернуть простой привычный интервал, выделите текст (или часть текста) и перейдите на вкладку «Главная». В разделе «Шрифт» нажмите кнопку со стрелкой, чтобы вызвать диалоговое окно. В открывшемся окне перейдите на вкладку «Интервал» и с помощью выпадающего списка установите нужные вам значения.
5
Чтобы узнать количество печатных знаков без пробелов, не обязательно удалять все пробелы в тексте. Вызовите окно статистики, в котором дана сводная информация о тексте. Перейдите на вкладку «Рецензирование» и нажмите на кнопку «Статистика» в разделе «Правописание». Кнопка выглядит как набор букв и цифр (АВС/123). В третьей строке будет указано количество печатных знаков без пробелов.

Совет 3: Как сделать свой собственный иконочный шрифт

Раньше при создании сайтов приходилось использовать растровые иконки. Это было красиво, но неудобно по целому ряду причин. Сегодня на место растровых иконок пришли векторные. Это оригинальное и изящное решение, которое украсит и освежит ваш сайт.
Пример иконочного шрифта
Инструкция
1
Существует хороший веб-сервис для создания шрифтов из иконок. Называется он Fontastic. Он полностью бесплатен и без рекламы. Первым делом зарегистрируемся на сайте сервиса. Заходим на сайт fontastic.me, вводим в поля ввода свой электронный адрес и придумаем пароль, далее жмём большую жёлтую кнопку "Create your Icon Font". Иногда случается, что никакая информация, подтверждающая успешную регистрацию, не выводится. Не волнуйтесь об этом, переходите к следующему шагу.
Регистрируемся в сервисе Fontastic
2
Теперь нажимаем на кнопку "Login", расположенную в верхнем правом углу. На открывшейся странице снова вводим свой e-mail и пароль, нажимаем кнопку "Login".
Подождав несколько секунд, откроется панель для создания шрифтов из иконок.
Входим в панель управления Fontastic
3
Перед вами большой выбор иконок. Кликая на понравившиеся иконки мышью, выберите столько иконок, сколько вам нужно. В верхней части после слова "PUBLISH" указывается количество выбранных иконок.
Выбираем векторные иконки
4
Если вами не хватает иконок из представленного количества, пролистайте страницу до низа и найдите кнопку с надписью "Add more icons". Нажмите на неё.
Добавляем иконки
5
Откроется страница с дополнительными пакетами иконок. Некоторые из них платные (помечены лейблом "Premium"), некоторые бесплатные. Для активации дополнительных иконок, нажмите кнопку "ACTIVATE" на выбранных пакетах. Теперь они появятся в общем списке доступных иконок, когда вы перейдёте в начало работы с панелью управления, нажав на кнопку "Home" в верхнем меню.
Добавляем пакеты иконок
6
Если вам нужно добавить собственные иконки, то на этой же странице вверху справа нажмите на кнопку "IMPORT ICONS". Теперь вы можете загрузить свои собственные иконки. Обратите внимание, что поддерживаются только векторный формат SVG.
Добавляем свои векторные иконки
7
Выбрав нужное количество иконок, нажимаем кнопку "CUSTOMIZE". Здесь вы увидите все выбранные иконки, и можете присвоить произвольные названия классов для них, по которым вы будете обращаться к ним в CSS стилях. Или можете оставить названия по умолчанию, которые присвоила иконкам система.
Обзор выбранных векторных иконок
8
Нажимаем кнопку "PUBLISH". Здесь можно скачать созданный векторный иконочный шрифт (кнопка "DOWNLOAD"). Скачиваем на компьютер архив со шрифтом, созданный сервисом.
Загружаем векторный иконочный шрифт
9
В скачанном архиве находится CSS-файл стиля, HTML-файл с именами классов иконок и папка "fonts" со шрифтами. Этот иконочный шрифт можно использовать на своём сайте.
Архив с иконочным шрифтом
10
Чтобы использовать созданный иконочный шрифт, нужно сделать следующее:
- распаковать содержимое архива и загрузить на свой сайт в директорию со стилями;
- вставить ссылку на CSS-файл в раздел HEAD всех страниц сайта, которые будут работать с этим иконочным шрифтом;
- в коде страницы используем имя созданных ранее классов для использования только что созданного иконочного шрифта.
Используем созданный иконочный шрифт на своём сайте
Видео по теме
Совет полезен?
Поиск
Добавить комментарий к статье
Осталось символов: 500