В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 19-03-2024! 🞨
Меню :
fonts (26)
css (131)



Blog (1392)
php (329)
js (244)
html (147)
css (131)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
online (29)
Показать еще :
fonts (26)
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
hosting (18)
svg (18)
input (18)
php date (17)
board (16)
php time (16)
html book (16)
color (15)
info (15)
img (14)
js time (14)
js url (14)
js events (14)
htaccess (13)
select (13)
notepad (13)
osclass (13)
keyboard (12)
знак (12)
dw block (12)
php img (12)
php path (12)
table (12)
download (12)
icon (11)
form (11)
jsphp (11)
alphabet (10)
keyframes (10)
js delete (10)
yandex (10)
mouse (10)
chart (9)
hover (9)
dosite (8)
browser (8)
php post (7)
comment (7)
php url (7)
iframe (6)
php get (6)
mysql (6)
click (6)
list (6)
canvas (6)
adminka (6)
vs code (6)
js id (5)
mb (5)
heading (5)
value (5)
reg.ru (5)
ftp (5)
year (5)
js math (5)
tag a (5)
bbcode (4)
php var (4)
base64 (4)
xml (4)
scandir (4)
games (4)
flags (4)
symbols (4)
week (4)
day (4)
ssl (4)
нок (4)
submit (4)
task (4)
vk (4)
month (4)
pages (4)
console (4)
js form (4)
domen (3)
line (3)
https (3)
js post (3)
jquery post (3)
money (3)
numbers (3)
js img (3)
padding (3)
куб (3)
captcha (3)
ucoz (3)
js hash (3)
tag hr (2)
details (2)
typeof (2)
seo (2)
prompt (2)
sitemap (2)
рся (2)
youtube (2)
height (2)
arrows (2)
js vars (2)
counter (2)
google (2)
qr kod (2)
video (2)
speed (1)
smile (1)
нод (1)
rutube (1)
scroll (1)
windows (1)
archive (1)
jino (1)
cursor (1)

Семейство шрифтов

font-family переводится как - семейство шрифтов. И о font-family просто нужно знать, что такое font-family, как и когда используется font-family и т.д.

Font-family пример использования на сайте

  1. Что такое font-family? -> как переводится
  2. Font-family как использовать на сайте
  3. Пример вывода текста с font-family
  4. Еще о font-family
  5. P.S.

  1. Что такое font-family? -> как переводится

    С самого начала нашего повествования нужно перевести данную фразу font-family

    Как переводится font-family?

    Наверное вы догадались, что мы имеем дело с двумя словами английского языка:

    Слово font - переводится как шрифт.

    Слово family - переводится как семья.

    Итого: font-family - переводится как семейство шрифтов

    Что такое font-family?

    Как уже написано выше font-family переводится как семейство шрифтов.

    Все шрифты делятся на семейства такие как:

    Serif шрифты данного семейства имеют небольшие засечки на концах символов. Примеры шрифтов данного семейства: Times New Roman, Georgia.

    Sans-Serif шрифты данного семейства не имеют засечек. Примеры: Arial, Arial Black, Trebuchet MS, Verdana.

    Monospace font-family - все символы шрифтов данного семейства занимают одинаковую ширину. Примеры: Courier New.

    Fantasy font-family - семейство "причудливых" шрифтов использующихся в основном для создания красочных заголовков. Примеры: Impact

    Cursive font-family семейство шрифтов рукописного начертания. Примеры: Comic Sans MS.

    Безопасный font-family

    Как написано в учебнике, что существуют безопасные шрифты, отображение которых практически на 100% вероятно это:

    • Arial

    • Arial Black

    • Courier New

    • Comic Sans MS

    • Georgia

    • Impact

    • Times New Roman

    • Trebuchet MS

    • Verdana

  2. Font-family как использовать на сайте

    Как вы наверное уже знаете, что стили css можно использовать тремя способами! и font-family соответственно также можно использовать тремя способами:

    Использование font-family в теге? с использование атрибута style:

    <p style='font-family:Arial;'>Пример шрифта Arial.</p>

    Использование font-family в теге style на странице, стили можно прикрепить, к тегу, классу(class), идентификатору(id)? например:

    <style>
    .example { font-family:Arial;
    }
    </style>

    Использование font-family внутри файла стилей css :

    Пример

  3. Пример вывода текста с font-family

    И несколько примеров использования font-family на странице сайта, возьмем самый простой способ поставим font-family внутрь тега:

    <p style='font-family:Arial;'>Пример шрифта Arial.</p>

    Примеры вывода текста с измененным font-family

    Пример шрифта Arial.

    Пример шрифта Arial Black.

    Пример шрифта Comic Sans MS.

    Пример шрифта Courier New.

    Пример шрифта Georgia.

    Пример шрифта Impact.

    Пример шрифта Times New Roman.

    Пример шрифта Trebuchet MS.

    Пример шрифта Verdana.


  4. Еще о font-family

    Мне кажется они забыли добавить, что есть возможность подключения и вывода вообще любого шрифта с помощью @font-face - о чем мы поговорим как-нибудь в другой раз…

    +

    И нельзя не упомянуть о том, что если на компьютере не установлен какой-то из шрифтов, который вы хотите использовать, то есть такое понятие – резервный шрифт.

    +

    /* Если на компьютере пользователя нет шрифта Verdana, то будет использован Arial, если на компьютере нет Arial, то будет использоваться один из шрифтов

    семейства Sans-Serif имеющихся на компьютере */

    p {font-family:Verdana,Arial,sans-serif;} +

    И еще следует добавить что:

    Некоторые font-family - не поддерживают кириллицу... поэтому, прежде чем использовать font-family, следует уточнить, есть ли поддержка кириллицы...


  5. P.S.

    Некоторые вещи действительно очень скучные – font-family – это всего лишь отображение вашего написанного текста и ничего более! И наверное вы должны спросить, а почему же скучная тема - вы один раз это настроите на своем сайте и больше никогда к этому можете и не возвращаться... и конечно же , чтобы их настроить и установить - это нужно знать, как это работает и где у него кнопка © !

    Но с другой стороны, если вдуматься, то выбранный отвратительный font-family – будет только отталкивать ваших потенциальных адептов! И с этой же стороны font-family - имеет огромное значение! И как бы странно это не звучало, но по моему мнению лучше использовать стандартные параметры, которые привычны для любого человека…

Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Ещё : dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.017698 секунд. Подробнее