HTML-дағы CSS қасиеттері: шрифттерді таңдау, типтік стильдер, қаріп жинақтары және олардың веб-беттердегі көрсетілуі туралы маңызды ақпарат. SEO үшін жақсартылған.
Ағылшыншамен салыстырыңыз: абзацты басыңыз — түпнұсқа терезеде ашылады. Абзац астындағы EN түймесі оны мәтін ішінде көрсетеді.
Мазмұны
Кіріспе
HTML-дегі CSS қасиеті
CSS property in HTML
(X)HTML, CSS және туынды жүйелердегі қаріптер отбасын таңдау, басымдық берілген қаріптер мен жалпы отбасы атауларының тізімін анықтайды; осы тізім, байланысты қаріп қасиеттерімен бірге, символдарды көрсету үшін қолданылатын нақты қаріп стилін анықтайды. Отбасы таңдауы екі түрде қолжетімді: ескірген (X)HTML элементінің атрибуты арқылы және CSS қасиетінде. CSS терминіндегі қаріптер отбасы типографиялық термин қаріп стилімен сәйкес келеді, ол ортақ дизайн ережелерімен анықталған қаріптер жинағы. Қаріп – бұл қаріптер отбасының өзге қаріптерінен, мысалы, жолдың қалыңдығы, еңіс бұрышы, салыстырмалы ені сияқты қосымша қасиеттерімен ерекшеленетін символдардың (әріп пішіндерінің) нақты жинағы. CSS терминіндегі қаріп стилі "қаріп" сөзімен сәйкес келеді; ол қаріптер отбасы мен қосымша қасиеттердің үйлесімімен анықталады. HTML және CSS-те тізім үтірмен бөлінеді. Күтпеген нәтижелерді болдырмау үшін қаріптер тізіміндегі соңғы қаріптер отбасы әдетте әрқашан қолжетімді жалпы отбасылардың бірі болуы керек. Егер қаріп табылмайтын болса, веб-браузер пайдаланушы анықтаған болуы мүмкін әдепкі қаріпін қолданады. Веб-браузерге байланысты, пайдаланушы кодты жазған адамның анықтаған қаріпін өзгерте алады. Бұл жеке талғамға байланысты болуы мүмкін, бірақ пайдаланушының физикалық шектеулерінен де болуы мүмкін, мысалы, үлкен қаріп өлшеміне немесе белгілі бір түстерден аулақ болу қажеттілігі. Жергілікті қаріптерден басқа, қазіргі заманғы веб-браузерлер @font-face жариялануын пайдаланып тікелей жеке қаріп файлдарын қосуды қолдайды. Мұндай қаріптер қосылғаннан кейін, оларды барлық жергілікті және резервтік қаріптермен бірге қаріптер отбасы қасиетіне тізімдеуге болады.
The font family selection in (X)HTML, CSS, and derived systems specifies a list of prioritized fonts and generic family names; in conjunction with correlating font properties, this list determines the particular font face used to render characters. The family selection is available in two forms: in the deprecated (X)HTML element with its attribute, and in the CSS property. The CSS term font family is matched with the typographical term typeface, which is a grouping of fonts defined by shared design styles. A font is a particular set of glyphs (character shapes), differentiated from other fonts in the same family by additional properties such as stroke weight, slant, relative width, etc. The CSS term font face is matched with "font"; it is decided by a combination of the font family and the additional properties. In both HTML and CSS, the list is separated by commas. To avoid unexpected results, the last font family on the font list should be one of the generic families which are by default always available. In the absence of a font being found, the web browser will use its default font, which may be a user defined one. Depending on the web browser, a user can in fact override the font defined by the code writer. This may be for personal taste reasons, but may also be because of some physical limitation of the user, such as the need for a larger font size or the avoidance of certain colors. In addition to local fonts, modern web browsers support linking custom font files directly by using the @font face declaration. Once included, such fonts can be listed in the font family property, alongside all local and fallback fonts.
Шрифт атауы тегі ретінде
CSS қаріптер отбасын қаріптермен бірдей анықтауға тырысса да, бұл терминнің және оның бұрынғы стандарт емес HTML нұсқасының бүкіл қаріп жинағын анықтау үшін тарихи түрде қолданылуы да жиі болған. Мұндай қолданылуға себеп – қаріп файлдарының өзінің отбасының бір бөлігі екенін көрсетпеуі, сондай-ақ сол кезде көптеген редакторлар төрттен астам қаріп стилінен (қалың/қалыпты және курсив/қалыпты) таңдау мүмкіндігін қолдамауы. Осының салдарынан, педантикалық тұрғыдан дұрыс емес мысалы, сияқты жазбалар жиі кездесетін. CSS2 және CSS3 мұндай қолданысты қолдамайды (олар мысалдарында кездеспейді), бірақ көптеген браузерлер оларды жарамды "атаулар" ретінде қабылдайды.
Although CSS tries to define a font family as the same as a typeface, the entry and its non standard HTML predecessor has also historically been used to identify the entire font face. This usage is due to font files not describing themselves as part of a family, partially motivated by the fact that few editors at the time supported the selection among more than four font styles (bold/regular and italics/regular). As a result, it used to be common to see declarations such as in place of the pedantically correct Neither CSS2 nor CSS3 endorse such a use (they are not found in examples), but most browsers accept them as valid "names" nevertheless.
Жалпыға ортақ қаріптер
Шрифттер отбасы белгілі бір атаулы шрифтті (мысалы, Heisei Mincho W9) пайдалана алады, бірақ нәтиже пайдаланушының құрылғысына орнатылған қаріптерге байланысты болады. Нақты көрінісі браузерге және жүйеге орнатылған қаріптерге шартты. Мысалы, Microsoft Windows-тағы Firefox-тың стандартты орнатылуы, серифті Times New Roman, ал серифсіз қаріптерді Arial ретінде көрсетеді. Әдетте, пайдаланушы веб-браузерлерде оңай конфигурациялай алатын олардың тек шағын бөлігі ғана бар, атап айтқанда Serif, Sans serif, Monospace және Cursive. Көптеген жүйелер сондай-ақ жоқ "жақсы танымал" қаріптер отбасын метрикалық сәйкес келетін баламалармен ауыстыру үшін арнайы жағдайларда қаріптерді ауыстыруды жүзеге асырады. Мысалы, Windows Helvetica-ны Arial-мен, ал Times-ты Times New Roman-мен алмастырады. Бұл отбасылар CSS мағынасында жалпылама емес және әдетте браузер деңгейінде өңделмейді.
The font family can use a specific named font (like Heisei Mincho W9), but the result depends on the fonts installed on the user machine. The actual appearance will depend on the browser and the fonts installed on the system. A default installation of Firefox on Microsoft Windows, for instance, will display both serif as Times New Roman, and both sans serif as Arial. Usually only a small subset of them, chiefly the Serif, Sans serif, Monospace and Cursive are easily configurable by user in web browsers. Many systems also perform special cased font substitution to replace missing "well known" families with metric compatible alternatives. For example, Windows substitutes Helvetica with Arial, and Times with Times New Roman. These families are not generic in the CSS sense, and are generally not handled at the browser level.