Рет қаралды 136
Сіздің веб-сайтыңыз үшін дұрыс шрифтті таңдау маңызды! Қаріп таңдау маңызды. Дұрыс қаріпті таңдау оқырмандардың веб-сайтты қалай көруіне үлкен әсер етеді. Дұрыс шрифт сіздің брендіңіз үшін күшті сәйкестікті жасай алады. Оқуға оңай қаріпті пайдалану маңызды. Қаріп мәтініңізге мән қосады. Қаріп үшін дұрыс түс пен мәтін өлшемін таңдау да маңызды.
CSS қаріптер тобының қасиеті: CSS-те мәтіннің қаріпін көрсету үшін font-family қасиетін қолданамыз. Ескертпе: Егер қаріп атауы бір сөзден көп болса, ол тырнақшаға алынуы керек, мысалы: "Times New Roman".
Қаріп стилі: Қаріп стилі сипаты негізінен курсив мәтінді көрсету үшін қолданылады. Бұл сипаттың үш мәні бар:
normal - Мәтін қалыпты түрде көрсетіледі
italic - Мәтін курсивпен көрсетіледі
oblique - Мәтін «қиғаш» (қиғаш курсивке өте ұқсас, бірақ аз қолдау көрсетіледі)
Қаріптің салмағы: font-weight қасиеті қаріптің салмағын көрсетеді.
Қаріп нұсқасы: font-variant сипаты мәтінді кіші әріптермен шрифтпен көрсету керек пе, жоқ па көрсетеді. Кіші бас әріптермен жазылған шрифтте барлық кіші әріптер бас әріптерге түрлендіріледі. Дегенмен, түрлендірілген бас әріптер мәтіндегі бастапқы бас әріптерге қарағанда кішірек қаріп өлшемімен көрсетіледі.
Қаріп өлшемі: Font-size қасиеті мәтін өлшемін орнатады. Мәтін өлшемін басқара білу веб-дизайнда маңызды. Дегенмен, абзацтарды тақырыптарға немесе тақырыптарды абзацтарға ұқсату үшін қаріп өлшемін реттеуді қолданбауыңыз керек.
Әрқашан тақырыптар үшін h1 - h6 және абзацтар үшін p сияқты дұрыс HTML тегтерін пайдаланыңыз. Қаріп өлшемі мәні абсолютті немесе салыстырмалы өлшем болуы мүмкін.
Абсолютті өлшем:
Мәтінді белгіленген өлшемге орнатады. Пайдаланушыға барлық браузерлердегі мәтін өлшемін өзгертуге рұқсат бермейді (арнайы мүмкіндіктерге байланысты нашар). Абсолютті өлшем шығыстың физикалық өлшемі белгілі болған кезде пайдалы
Салыстырмалы өлшем:
Қоршаған элементтерге қатысты өлшемді орнатады. Пайдаланушыға браузерлердегі мәтін өлшемін өзгертуге мүмкіндік береді.
Қаріп өлшемін пиксельдермен орнату. Мәтін өлшемін пикселдермен орнату мәтін өлшемін толық басқаруға мүмкіндік береді.
Кодты қысқарту үшін бір сипаттағы барлық жеке қаріп сипаттарын көрсетуге болады.
Қаріп сипаты мыналар үшін стенографиялық сипат болып табылады:
font-style
font-variant
font-weight
font-size/line-height
font-family