{"json_modified": "2016-09-15T05:32:00.063421", "uuid": "61a219c3-834a-4f56-bf39-71f0892b70ad", "title": "font", "url": "/en-US/docs/Web/CSS/font", "tags": ["CSS", "Reference", "CSS Property", "CSS Fonts"], "translations": [{"uuid": "614a15e1-2377-4eb0-85dc-f6b01f290553", "title": "font", "url": "/de/docs/Web/CSS/font", "tags": ["CSS", "CSS Referenz"], "summary": "Die <code>font</code> Eigenschaft hat zwei unterschiedliche Verwendungszwecke:", "localization_tags": [], "locale": "de", "last_edit": "2016-02-08T04:54:32", "review_tags": []}, {"uuid": "1150d615-715c-47be-9e8d-5c4e4282376b", "title": "font", "url": "/es/docs/Web/CSS/font", "tags": ["CSS", "CSS:Referencias", "Todas_las_Categor\u00edas"], "summary": "La propiedad <a href=\"/es/docs/Web/CSS/font\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>font</code></a> permite establecer de una sola vez los valores para todas las propiedades: <a href=\"/es/docs/Web/CSS/font-style\" title=\"La propiedad font-style permite definir el aspecto de una familia tipogr&#xE1;fica entre los valores: normal o cursiva (italic y oblique).\"><code>font-style</code></a>, <a href=\"/es/docs/Web/CSS/font-variant\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>font-variant</code></a>, <a href=\"/es/docs/Web/CSS/font-weight\" title=\"La propiedad font-weight especifica el peso o grueso de la letra.\"><code>font-weight</code></a>, <a href=\"/es/docs/Web/CSS/font-size\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>font-size</code></a>, <a href=\"/es/docs/Web/CSS/line-height\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>line-height</code></a> y <a href=\"/es/docs/Web/CSS/font-family\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>font-family</code></a> en una hoja de estilo.", "localization_tags": [], "locale": "es", "last_edit": "2015-11-16T08:53:48", "review_tags": []}, {"uuid": "bfa552b2-b98c-4d2a-bb1d-c5d33b6bcdbb", "title": "font", "url": "/fr/docs/Web/CSS/font", "tags": ["CSS", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <strong><code>font</code></strong> est :", "localization_tags": [], "locale": "fr", "last_edit": "2016-03-06T06:15:16", "review_tags": []}, {"uuid": "60179300-cabc-4762-981e-8dc66d51cc52", "title": "font", "url": "/ja/docs/Web/CSS/font", "tags": ["CSS", "Reference", "CSS Property", "CSS Fonts"], "summary": "CSS \u306e <code>font</code> \u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001<a title=\"The documentation about this has not yet been written; please consider contributing!\" href=\"/ja/docs/Web/CSS/font-style\"><code>font-style</code></a>, <a title=\"font-variant &#x306F;&#x3001;&#x30D5;&#x30A9;&#x30F3;&#x30C8;&#x30D5;&#x30A1;&#x30DF;&#x30EA;&#x304B;&#x3089; normal &#x307E;&#x305F;&#x306F; small-caps &#xFF08;&#x30B9;&#x30E2;&#x30FC;&#x30EB;&#x30AD;&#x30E3;&#x30C3;&#x30D7;&#xFF09;&#x30D5;&#x30A7;&#x30A4;&#x30B9;&#x3067;&#x306E;&#x6587;&#x5B57;&#x306E;&#x63CF;&#x753B;&#x3092;&#x6307;&#x793A;&#x3059;&#x308B; CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3067;&#x3059;&#x3002;&#x30B7;&#x30E7;&#x30FC;&#x30C8;&#x30CF;&#x30F3;&#x30C9;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306E; font &#x3092;&#x7528;&#x3044;&#x3066;&#x306E;&#x6307;&#x5B9A;&#x3082;&#x53EF;&#x80FD;&#x3067;&#x3059;&#x3002;\" href=\"/ja/docs/Web/CSS/font-variant\"><code>font-variant</code></a>, <a title=\"font-weight &#x306F; &#x30D5;&#x30A9;&#x30F3;&#x30C8;&#x306E;&#x30A6;&#x30A7;&#x30A4;&#x30C8;&#xFF08;&#x6216;&#x3044;&#x306F;&#x592A;&#x3055;&#xFF09;&#x3092;&#x6307;&#x5B9A;&#x3059;&#x308B;&#x70BA;&#x306E; CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3067;&#x3059;&#x3002;\" href=\"/ja/docs/Web/CSS/font-weight\"><code>font-weight</code></a>, <a title=\"CSS &#x306E; font-size &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x30D5;&#x30A9;&#x30F3;&#x30C8;&#x306E;&#x30B5;&#x30A4;&#x30BA;&#x3092;&#x5B9A;&#x7FA9;&#x3057;&#x307E;&#x3059;&#x3002;&#x3053;&#x306E;&#x30D5;&#x30A9;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30BA;&#x306F; em &#x3068; ex &#x5358;&#x4F4D;&#x306E;&#x5024;&#x306E;&#x8A08;&#x7B97;&#x306B;&#x4F7F;&#x308F;&#x308C;&#x308B;&#x306E;&#x3067;&#x3001;&#x4ED6;&#x306E;&#x9805;&#x76EE;&#x306E;&#x30B5;&#x30A4;&#x30BA;&#x3082;&#x5909;&#x66F4;&#x3059;&#x308B;&#x53EF;&#x80FD;&#x6027;&#x304C;&#x3042;&#x308A;&#x307E;&#x3059;&#x3002;\" href=\"/ja/docs/Web/CSS/font-size\"><code>font-size</code></a>, <a title=\"CSS &#x306E; line-height &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x30D6;&#x30ED;&#x30C3;&#x30AF;&#x30EC;&#x30D9;&#x30EB;&#x8981;&#x7D20;&#x306B;&#x542B;&#x307E;&#x308C;&#x308B;&#x30E9;&#x30A4;&#x30F3;&#x30DC;&#x30C3;&#x30AF;&#x30B9;&#x306E;&#x3001;&#x6700;&#x5C0F;&#x306E;&#x9AD8;&#x3055;&#x3092;&#x5B9A;&#x7FA9;&#x3057;&#x307E;&#x3059;&#x3002;\" href=\"/ja/docs/Web/CSS/line-height\"><code>line-height</code></a>, <a title=\"CSS &#x306E; font-family &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3092;&#x4F7F;&#x3046;&#x3068;&#x3001;&#x9078;&#x629E;&#x3057;&#x305F;&#x8981;&#x7D20;&#x306B;&#x5BFE;&#x3057;&#x3066;&#x3001;&#x30D5;&#x30A9;&#x30F3;&#x30C8;&#x30D5;&#x30A1;&#x30DF;&#x30EA;&#x30FC;&#x540D;&#x3068;&#x7DCF;&#x79F0;&#x30D5;&#x30A1;&#x30DF;&#x30EA;&#x30FC;&#x540D;&#x306E;&#x4E21;&#x65B9;&#x3001;&#x3082;&#x3057;&#x304F;&#x306F;&#x3069;&#x3061;&#x3089;&#x304B;&#x4E00;&#x65B9;&#x306E;&#x512A;&#x5148;&#x9806;&#x4F4D;&#x30EA;&#x30B9;&#x30C8;&#x3092;&#x6307;&#x5B9A;&#x3059;&#x308B;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;&#x4ED6;&#x306E;&#x307B;&#x3068;&#x3093;&#x3069;&#x306E; CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3068;&#x7570;&#x306A;&#x308A;&#x3001;&#x5404;&#x5024;&#x304C;&#x9078;&#x629E;&#x80A2;&#x3067;&#x3042;&#x308B;&#x3053;&#x3068;&#x3092;&#x793A;&#x3059;&#x306B;&#x306F;&#x3001;&#x305D;&#x308C;&#x305E;&#x308C;&#x3092;&#x30B3;&#x30F3;&#x30DE;&#x3067;&#x533A;&#x5207;&#x308A;&#x307E;&#x3059;&#x3002;&#x30D6;&#x30E9;&#x30A6;&#x30B6;&#x304C;&#x9078;&#x629E;&#x3059;&#x308B;&#x306E;&#x306F;&#x3001;&#x30B3;&#x30F3;&#x30D4;&#x30E5;&#x30FC;&#x30BF;&#x306B;&#x30A4;&#x30F3;&#x30B9;&#x30C8;&#x30FC;&#x30EB;&#x6E08;&#x307F;&#x3001;&#x3082;&#x3057;&#x304F;&#x306F; @font-face @ &#x898F;&#x5247;&#x306B;&#x3088;&#x3063;&#x3066;&#x4E0E;&#x3048;&#x3089;&#x308C;&#x308B;&#x60C5;&#x5831;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x30C0;&#x30A6;&#x30F3;&#x30ED;&#x30FC;&#x30C9;&#x53EF;&#x80FD;&#x306A;&#x3001;&#x30EA;&#x30B9;&#x30C8;&#x306E;&#x4E2D;&#x3067;&#x6700;&#x4E0A;&#x4F4D;&#x306E;&#x30D5;&#x30A9;&#x30F3;&#x30C8;&#x3067;&#x3059;&#x3002;\" href=\"/ja/docs/Web/CSS/font-family\"><code>font-family</code></a> \u3092\u4e00\u5ea6\u306b\u8a2d\u5b9a\u3059\u308b\u305f\u3081\u306e\u30b7\u30e7\u30fc\u30c8\u30cf\u30f3\u30c9\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u3059\u3002\u307e\u305f\u3001\u7279\u5b9a\u306e\u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u7528\u3044\u308b\u3053\u3068\u3067\u3001\u8981\u7d20\u306e\u30d5\u30a9\u30f3\u30c8\u306b\u30b7\u30b9\u30c6\u30e0\u30d5\u30a9\u30f3\u30c8\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-02-22T05:14:40", "review_tags": []}, {"uuid": "bcdb9b3c-62e4-4e9e-b9b8-8c54b1e24fbb", "title": "font", "url": "/pl/docs/Web/CSS/font", "tags": ["CSS", "CSS:Dokumentacje", "Dokumentacje", "Wszystkie_kategorie"], "summary": "W\u0142asno\u015b\u0107 <code>font</code> jest skr\u00f3tow\u0105 w\u0142asno\u015bci\u0105 do ustawienia <a href=\"/pl/docs/Web/CSS/font-style\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>font-style</code></a>, <a href=\"/pl/docs/Web/CSS/font-variant\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>font-variant</code></a>, <a href=\"/pl/docs/Web/CSS/font-weight\" title=\"W&#x142;asno&#x15B;&#x107; font-weight okre&#x15B;la wag&#x119; lub grubo&#x15B;&#x107; czcionki.\"><code>font-weight</code></a>, <a href=\"/pl/docs/Web/CSS/font-size\" title=\"W&#x142;asno&#x15B;&#x107; font-size okre&#x15B;la rozmiar czcionki. Mo&#x17C;e ona r&#xF3;wnie&#x17C; zmieni&#x107; wielko&#x15B;&#x107; innych element&#xF3;w, od momentu gdy zostanie u&#x17C;yta do obliczenia warto&#x15B;ci em i ex jednostek d&#x142;ugo&#x15B;ci.\"><code>font-size</code></a>, <a href=\"/pl/docs/Web/CSS/line-height\" title=\"Dla element&#xF3;w liniowych line-height okre&#x15B;la warto&#x15B;&#x107; u&#x17C;ywan&#x105; do wyliczenia stopnia pisma, tj. wysoko&#x15B;ci mi&#x119;dzy g&#xF3;rn&#x105; i doln&#x105; lini&#x105; pisma, za&#x15B; dla element&#xF3;w blokowych okre&#x15B;la minimaln&#x105; wysoko&#x15B;&#x107; stopnia pisma.\"><code>line-height</code></a> oraz <a href=\"/pl/docs/Web/CSS/font-family\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>font-family</code></a> w jednym miejscu w arkuszu styl\u00f3w.", "localization_tags": [], "locale": "pl", "last_edit": "2015-02-04T04:22:44", "review_tags": []}, {"uuid": "a559a60b-9a86-4d3b-9c95-0943c3162a61", "title": "font", "url": "/pt-PT/docs/Web/CSS/font", "tags": ["Referencia_CSS"], "summary": "", "localization_tags": [], "locale": "pt-PT", "last_edit": "2014-07-01T00:20:19", "review_tags": []}, {"uuid": "41ea151b-341f-47ef-a8c9-467d16775b07", "title": "font", "url": "/zh-CN/docs/Web/CSS/font", "tags": [], "summary": "<code>font</code> \u5c5e\u6027\u662f\u8bbe\u7f6e\u00a0<a href=\"/zh-CN/docs/Web/CSS/font-style\" title=\"font-style CSS &#x5C5E;&#x6027;&#x5141;&#x8BB8;&#x4F60;&#x9009;&#x62E9; font-family &#x5B57;&#x4F53;&#x4E0B;&#x7684; italic &#x6216; oblique &#x6837;&#x5F0F;&#x3002; Italic &#x6837;&#x5F0F;&#x4E00;&#x822C;&#x662F;&#x6307;&#x4E66;&#x5199;&#x4F53;&#xFF0C;&#x76F8;&#x6BD4;&#x65E0;&#x6837;&#x5F0F;&#x7684;&#x5B57;&#x4F53;&#xFF0C;&#x901A;&#x5E38;&#x4F1A;&#x5360;&#x7528;&#x8F83;&#x5C11;&#x7684;&#x9AD8;&#x5EA6;&#xFF0C;&#x800C; oblique &#x5B57;&#x5F62;&#x4E00;&#x822C;&#x53EA;&#x662F;&#x5E38;&#x89C4;&#x5B57;&#x5F62;&#x7684;&#x503E;&#x659C;&#x7248;&#x672C;&#x3002;&#x659C;&#x4F53;&#xFF08;italic&#xFF09; &#x548C;&#x503E;&#x659C;&#x4F53;&#xFF08;oblique&#xFF09;&#x90FD;&#x662F;&#x901A;&#x8FC7;&#x4EBA;&#x5DE5;&#x503E;&#x659C;&#x5E38;&#x89C4;&#x5B57;&#x4F53;&#x7684;&#x5B57;&#x5F62;&#x6765;&#x6A21;&#x62DF;&#x7684;&#xFF08;&#x53C2;&#x89C1; font-synthesis &#x5BF9;&#x6B64;&#x7684;&#x63A7;&#x5236;&#xFF09;&#x3002;\"><code>font-style</code></a>, <a href=\"/zh-CN/docs/Web/CSS/font-variant\" title=\"&#x6B64;&#x9875;&#x9762;&#x4ECD;&#x672A;&#x88AB;&#x672C;&#x5730;&#x5316;, &#x671F;&#x5F85;&#x60A8;&#x7684;&#x7FFB;&#x8BD1;!\"><code>font-variant</code></a>, <a href=\"/zh-CN/docs/Web/CSS/font-weight\" title=\"font-weight CSS&#xA0;&#x5C5E;&#x6027;&#x6307;&#x5B9A;&#x4E86;&#x5B57;&#x4F53;&#x7684;&#x7C97;&#x7EC6;&#x7A0B;&#x5EA6;&#x3002; &#x4E00;&#x4E9B;&#x5B57;&#x4F53;&#x53EA;&#x63D0;&#x4F9B;&#xA0;normal&#xA0;&#x548C;&#xA0;bold &#x4E24;&#x79CD;&#x503C;&#x3002;\"><code>font-weight</code></a>, <a href=\"/zh-CN/docs/Web/CSS/font-size\" title=\"font-size CSS&#xA0;&#x5C5E;&#x6027;&#x5B9A;&#x4E49;&#x5B57;&#x4F53;&#x5927;&#x5C0F;&#x3002;&#x56E0;&#x4E3A;&#x8BE5;&#x5C5E;&#x6027;&#x7684;&#x503C;&#x4F1A;&#x88AB;&#x7528;&#x4E8E;&#x8BA1;&#x7B97;em&#x548C;ex&#x957F;&#x5EA6;&#x5355;&#x4F4D;&#xFF0C;&#x5B9A;&#x4E49;&#x8BE5;&#x503C;&#x53EF;&#x80FD;&#x6539;&#x53D8;&#x5176;&#x4ED6;&#x5143;&#x7D20;&#x7684;&#x5927;&#x5C0F;&#x3002;\"><code>font-size</code></a>, <a href=\"/zh-CN/docs/Web/CSS/line-height\" title=\"&#x5BF9;&#x4E8E;&#x5757;&#x7EA7;&#x5143;&#x7D20;&#xFF0C;CSS&#x5C5E;&#x6027;line-height&#x6307;&#x5B9A;&#x4E86;&#x5143;&#x7D20;&#x5185;&#x90E8;line-boxes&#x7684;&#x6700;&#x5C0F;&#x9AD8;&#x5EA6;&#x3002;\"><code>line-height</code></a> \u548c <a href=\"/zh-CN/docs/Web/CSS/font-family\" title=\"CCS&#x5C5E;&#x6027;font-family&#x5141;&#x8BB8;&#x60A8;&#x901A;&#x8FC7;&#x7ED9;&#x5B9A;&#x4E00;&#x4E2A;&#x6709;&#x5148;&#x540E;&#x987A;&#x5E8F;&#x7684;&#xFF0C;&#x7531;&#x5B57;&#x4F53;&#x540D;&#x6216;&#x8005;&#x5B57;&#x4F53;&#x65CF;&#x540D;&#x7EC4;&#x6210;&#x7684;&#x5217;&#x8868;&#x6765;&#x4E3A;&#x9009;&#x5B9A;&#x7684;&#x5143;&#x7D20;&#x8BBE;&#x7F6E;&#x5B57;&#x4F53;&#x3002; &#x5C5E;&#x6027;&#x7684;&#x503C;&#x7528;&#x9017;&#x53F7;&#x9694;&#x5F00;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x9009;&#x62E9;&#x5217;&#x8868;&#x4E2D;&#x7B2C;&#x4E00;&#x4E2A;&#x8BE5;&#x8BA1;&#x7B97;&#x673A;&#x4E0A;&#x6709;&#x5B89;&#x88C5;&#x7684;&#x5B57;&#x4F53;&#xFF0C;&#x6216;&#x8005;&#x662F;&#x901A;&#x8FC7; @font-face &#x6307;&#x5B9A;&#x7684;&#x53EF;&#x4EE5;&#x76F4;&#x63A5;&#x4E0B;&#x8F7D;&#x7684;&#x5B57;&#x4F53;&#x3002;\"><code>font-family</code></a>\u5c5e\u6027\u7684\u7b80\u5199\uff0c\u6216\u4f7f\u7528\u7279\u5b9a\u7684\u5173\u952e\u5b57\u8bbe\u7f6e\u5143\u7d20\u7684\u5b57\u4f53\u4e3a\u67d0\u4e2a\u7cfb\u7edf\u5b57\u4f53\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-03-18T06:30:10", "review_tags": []}], "modified": "2016-09-15T05:31:59", "label": "font", "localization_tags": [], "locale": "en-US", "id": 1147, "last_edit": "2015-12-02T07:08:48", "summary": "The <code>font</code> CSS property is either a shorthand property for setting <a href=\"/en-US/docs/Web/CSS/font-style\" title=\"The font-style CSS property lets you select italic or oblique faces within a font-family. Italic forms are generally cursive in nature, usually using less horizontal space than their unstyled counterparts, while oblique faces are usually just sloped versions of the regular face. Both italic and oblique faces are simulated by artificially sloping the glyphs of the regular face (see font-synthesis for control over this).\"><code>font-style</code></a>, <a href=\"/en-US/docs/Web/CSS/font-variant\" title=\"The font-variant property acts as a shorthand for the longhand properties: font-variant-caps, font-variant-numeric, font-variant-alternates, font-variant-ligatures, and font-variant-east-asian. You can also set the CSS Level 2 (Revision 1) values of font-variant, (that is, normal or small-caps), by using the font shorthand.\"><code>font-variant</code></a>, <a href=\"/en-US/docs/Web/CSS/font-weight\" title=\"The font-weight CSS property specifies the weight or boldness of the font. Some fonts are only available in normal and bold.\"><code>font-weight</code></a>, <a href=\"/en-US/docs/Web/CSS/font-size\" title=\"The font-size CSS property specifies the size of the font (historically the width of the capital &quot;M&quot;). Setting the font size may, in turn, change the size of other items, since it is used to compute the value of the em and ex &lt;length&gt; units.\"><code>font-size</code></a>, <a href=\"/en-US/docs/Web/CSS/line-height\" title=\"On block level elements, the line-height property specifies the minimum height of line boxes within the element.\"><code>line-height</code></a> and <a href=\"/en-US/docs/Web/CSS/font-family\" title=\"The font-family CSS property lets you specify a prioritized list of font family names and/or generic family names for the selected element. Values are separated by a comma to indicate that they are alternatives. The browser will select the first font on the list that is installed on the computer or that can be downloaded using a @font-face at-rule.\"><code>font-family</code></a>, or a way to set the element's font to a system font, using specific keywords.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntax", "title": "Syntax"}, {"id": "Values", "title": "Values"}, {"id": "Formal_syntax", "title": "Formal syntax"}, {"id": "Examples", "title": "Examples"}, {"id": "live_sample", "title": "Live Sample"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}], "slug": "Web/CSS/font", "review_tags": []}