{"json_modified": "2016-10-20T04:38:52.732144", "uuid": "4375ae48-e648-490c-9721-c0dfc611a8b0", "title": "font-family", "url": "/en-US/docs/Web/CSS/font-family", "tags": ["CSS", "Reference", "CSS Property", "CSS Fonts"], "translations": [{"uuid": "1c8ed6f2-d246-479c-a811-2154f5273585", "title": "font-family", "url": "/de/docs/Web/CSS/font-family", "tags": ["CSS", "CSS Schriftarten", "Referenz", "Web", "CSS Eigenschaft", "Layout"], "summary": "Die <code>font-family</code> CSS Eigenschaft erlaubt es, eine priorisierte Liste von Schriftfamiliennamen und/oder generische Familiennamen f\u00fcr ein ausgew\u00e4hltes Element anzugeben. Im Gegensatz zu den meisten anderen CSS Eigenschaften werden die Werte durch Komma getrennt, um zu kennzeichnen, dass sie Alternativen darstellen. Der Browser w\u00e4hlt die erste Schrift, die auf dem Computer installiert ist oder mittels der Informationen, die \u00fcber eine <a href=\"/de/docs/Web/CSS/@font-face\" title=\"Die&#xA0;@font-face&#xA0;CSS at-Regel&#xA0;erlaubt Web-Autoren, Texte mit spezifischen Schriftarten (Fonts), die auf dem jeweiligen Webserver abgelegt sind, &#xA0;darzustellen. Durch die&#xA0;@font-face&#xA0;Regel sind Web-Autoren nicht mehr l&#xE4;nger auf die eingeschr&#xE4;nkte Zahl an Fonts angewiesen, die auf den Computern von Usern installiert ist. Die&#xA0;@font-face at&#xA0;Regel l&#xE4;sst sich nicht nur in der oberen CSS-Ebene einbinden, sondern auch in irgendeiner&#xA0;CSS conditional-group at-Regel.\"><code>@font-face</code></a> At-Regel gegeben sind, heruntergeladen werden kann.", "localization_tags": [], "locale": "de", "last_edit": "2015-11-16T09:35:46", "review_tags": []}, {"uuid": "8e5c7bad-0f15-4ed7-91d9-c85a49da879a", "title": "font-family", "url": "/es/docs/Web/CSS/font-family", "tags": ["CSS", "CSS:Referencias", "Todas_las_Categor\u00edas"], "summary": "La propiedad <code>font-family</code> define una lista de fuentes o familias de fuentes, con un orden de prioridad, para utilizar en un elemento seleccionado. A diferencia de la mayor\u00eda de las propiedades CSS, los valores se separan con comas (\",\") para indicar que son valores alternativos.", "localization_tags": [], "locale": "es", "last_edit": "2015-11-16T08:56:22", "review_tags": []}, {"uuid": "18b3459a-12f7-4eb3-bcba-f98367818596", "title": "font-family", "url": "/fr/docs/Web/CSS/font-family", "tags": ["CSS", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <strong><code>font-family</code></strong> permet de d\u00e9finir une liste, ordonn\u00e9e par priorit\u00e9, de polices \u00e0 utiliser pour mettre en forme le texte de l'\u00e9l\u00e9ment cibl\u00e9. Les valeurs sont s\u00e9par\u00e9es par des virgules, indiquant chacune une police alternative. Le moteur choisira la premi\u00e8re valeur pour laquelle la police correspondante est install\u00e9e sur l'ordinateur ou qui peut \u00eatre t\u00e9l\u00e9charg\u00e9e via la r\u00e8gle @ <a href=\"/fr/docs/Web/CSS/@font-face\" title=\"La r&#xE8;gle @ @font-face permet de d&#xE9;finir les polices d'&#xE9;criture &#xE0; utiliser pour afficher le texte de pages web. En permettant aux auteurs de fournir leurs propres polices, il n'est plus n&#xE9;cessaire de d&#xE9;pendre uniquement des polices qui sont install&#xE9;es sur les postes des utilisateurs. La r&#xE8;gle @font-face peut &#xEA;tre utilis&#xE9;e au niveau global d'une feuille de style et &#xE9;galement au sein d'un groupe li&#xE9; &#xE0; une r&#xE8;gle @ conditionnelle.\"><code>@font-face</code></a> d\u00e9finie.", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-04T02:00:16", "review_tags": []}, {"uuid": "651fcbbc-7802-449a-b8f4-ca77fe875d79", "title": "font-family", "url": "/ja/docs/Web/CSS/font-family", "tags": ["CSS", "Reference", "CSS Property", "CSS Fonts"], "summary": "CSS \u306e <code>font-family</code> \u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u3046\u3068\u3001\u9078\u629e\u3057\u305f\u8981\u7d20\u306b\u5bfe\u3057\u3066\u3001\u30d5\u30a9\u30f3\u30c8\u30d5\u30a1\u30df\u30ea\u30fc\u540d\u3068\u7dcf\u79f0\u30d5\u30a1\u30df\u30ea\u30fc\u540d\u306e\u4e21\u65b9\u3001\u3082\u3057\u304f\u306f\u3069\u3061\u3089\u304b\u4e00\u65b9\u306e\u512a\u5148\u9806\u4f4d\u30ea\u30b9\u30c8\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4ed6\u306e\u307b\u3068\u3093\u3069\u306e CSS \u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u7570\u306a\u308a\u3001\u5404\u5024\u304c\u9078\u629e\u80a2\u3067\u3042\u308b\u3053\u3068\u3092\u793a\u3059\u306b\u306f\u3001\u305d\u308c\u305e\u308c\u3092\u30b3\u30f3\u30de\u3067\u533a\u5207\u308a\u307e\u3059\u3002\u30d6\u30e9\u30a6\u30b6\u304c\u9078\u629e\u3059\u308b\u306e\u306f\u3001\u30b3\u30f3\u30d4\u30e5\u30fc\u30bf\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u6e08\u307f\u3001\u3082\u3057\u304f\u306f <a href=\"/ja/docs/Web/CSS/@font-face\" title=\"The @font-face &#x306F;&#x3001;Web &#x30DA;&#x30FC;&#x30B8;&#x3092;&#x88FD;&#x4F5C;&#x8005;&#x304C;&#x671F;&#x5F85;&#x3057;&#x305F;&#x901A;&#x308A;&#x63CF;&#x753B;&#x3059;&#x308B;&#x305F;&#x3081;&#x306B;&#x30C0;&#x30A6;&#x30F3;&#x30ED;&#x30FC;&#x30C9;&#x3055;&#x308C;&#x308B;&#x3079;&#x304D;&#x3001;Web &#x30D5;&#x30A9;&#x30F3;&#x30C8;&#x3092;&#x6307;&#x5B9A;&#x3059;&#x308B;&#x305F;&#x3081;&#x306E; @ &#x898F;&#x5247;&#x3092;&#x63D0;&#x4F9B;&#x3057;&#x307E;&#x3059;&#x3002;&#x4F5C;&#x6210;&#x8005;&#x304C;&#x81EA;&#x8EAB;&#x306E;&#x30D5;&#x30A9;&#x30F3;&#x30C8;&#x3092;&#x63D0;&#x4F9B;&#x3067;&#x304D;&#x308B;&#x3088;&#x3046;&#x306B;&#x306A;&#x308B;&#x305F;&#x3081;&#x3001;@font-face &#x306F;&#x30E6;&#x30FC;&#x30B6;&#x306E;&#x30B3;&#x30F3;&#x30D4;&#x30E5;&#x30FC;&#x30BF;&#x306B;&#x30A4;&#x30F3;&#x30B9;&#x30C8;&#x30FC;&#x30EB;&#x3057;&#x3066;&#x3044;&#x308B;&#x30D5;&#x30A9;&#x30F3;&#x30C8;&#x306E;&#x6570;&#x306B;&#x4F9D;&#x5B58;&#x3059;&#x308B;&#x5FC5;&#x8981;&#x6027;&#x3092;&#x6392;&#x9664;&#x3057;&#x307E;&#x3059;&#x3002;@font-face &#x306F; CSS &#x306E;&#x30C8;&#x30C3;&#x30D7;&#x30EC;&#x30D9;&#x30EB;&#x3060;&#x3051;&#x3067;&#x306A;&#x304F;&#x3001;CSS &#x306E;&#x6761;&#x4EF6;&#x4ED8;&#x304D;&#x30B0;&#x30EB;&#x30FC;&#x30D7;&#x898F;&#x5247;&#x306E;&#x4E2D;&#x3067;&#x3082;&#x4F7F;&#x3048;&#x307E;&#x3059;&#x3002;\"><code>@font-face</code></a> @ \u898f\u5247\u306b\u3088\u3063\u3066\u4e0e\u3048\u3089\u308c\u308b\u60c5\u5831\u3092\u4f7f\u3063\u3066\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u53ef\u80fd\u306a\u3001\u30ea\u30b9\u30c8\u306e\u4e2d\u3067\u6700\u4e0a\u4f4d\u306e\u30d5\u30a9\u30f3\u30c8\u3067\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-05-15T07:12:29", "review_tags": []}, {"uuid": "628c4698-032a-415d-9016-39f65f327a68", "title": "font-family", "url": "/ko/docs/Web/CSS/font-family", "tags": ["CSS", "CSS \ud3f0\ud2b8", "\ucc38\uc870", "CSS \uc18d\uc131", "\ub808\ud37c\ub7f0\uc2a4"], "summary": "CSS \u00a0<strong><code>font-family</code></strong> \uc18d\uc131\uc740 \uc120\ud0dd\ub41c \uc694\uc18c\uc5d0\u00a0\uc6b0\uc120 \uc21c\uc704\uac00 \uc9c0\uc815\ub41c\u00a0font family\u00a0\uc774\ub984\uacfc generic family \uc774\ub984\uc744\u00a0\u00a0\uc9c0\uc815\ud560 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4.\u00a0 \uac12\uc740 \ucf64\ub9c8\ub85c \uad6c\ubd84\ud558\uc5ec \ub300\uccb4\uac00 \ub420 \uc218 \uc788\uc74c\uc744 \ub098\ud0c0\ub0c5\ub2c8\ub2e4. \ube0c\ub77c\uc6b0\uc800\ub294 \ud3f0\ud2b8 \ubaa9\ub85d\uc5d0\uc11c \ucef4\ud4e8\ud130\uc5d0 \uc124\uce58\ub418\uc5b4 \uc788\uac70\ub098\u00a0<a href=\"/ko/docs/Web/CSS/@font-face\" title=\"CSS&#xA0;at-rule&#xA0;&#xC778;&#xA0;@font-face&#xA0;&#xB97C; &#xC0AC;&#xC6A9;&#xD558;&#xC5EC; &#xC6F9;&#xD398;&#xC774;&#xC9C0;&#xC758; &#xD14D;&#xC2A4;&#xD2B8;&#xC5D0; &#xC628;&#xB77C;&#xC778;&#xD3F0;&#xD2B8;(online fonts)&#xB97C; &#xC801;&#xC6A9;&#xD560; &#xC218; &#xC788;&#xB2E4;.&#xA0;@font-face&#xA0;&#xB97C; &#xC0AC;&#xC6A9;&#xD558;&#xC5EC;&#xA0;&#xC6F9;&#xD398;&#xC774;&#xC9C0; &#xC81C;&#xC791;&#xC790;&#xAC00; &#xC6D0;&#xD558;&#xB294; &#xD3F0;&#xD2B8;&#xB97C; &#xC0AC;&#xC6A9;&#xD560; &#xC218; &#xC788;&#xAC8C;&#xD568;&#xC73C;&#xB85C;&#xC368;, &#xCEF4;&#xD4E8;&#xD130;&#xC5D0; &#xC124;&#xCE58;&#xB41C; &#xD3F0;&#xD2B8;&#xB9CC;&#xC744; &#xC0AC;&#xC6A9;&#xD574;&#xC57C;&#xD588;&#xB358; &#xC81C;&#xC57D;&#xC774; &#xC5C6;&#xC5B4;&#xC9C0;&#xAC8C;&#xB418;&#xC5C8;&#xB2E4;.&#xA0;@font-face at-rule &#xC740; CSS&#xC758; top-level&#xC5D0;&#xC11C; &#xBFD0; &#xC544;&#xB2C8;&#xB77C;,&#xA0;CSS conditional-group at-rule&#xA0;&#xC548;&#xC5D0;&#xC11C;&#xB3C4; &#xC0AC;&#xC6A9;&#xB420; &#xC218;&#xB3C4; &#xC788;&#xB2E4;.\"><code>@font-face</code></a> \uaddc\uce59\uc744 \uc774\uc6a9\ud558\uc5ec \ub2e4\uc6b4\ub85c\ub4dc \ubc1b\uc744 \uc218 \uc788\ub294 \ud3f0\ud2b8 \uc911 \uac00\uc7a5 \uccab\ubc88\uc9f8 \ud3f0\ud2b8\ub97c \uc120\ud0dd\ud560 \uac83\uc785\ub2c8\ub2e4.", "localization_tags": ["inprogress"], "locale": "ko", "last_edit": "2016-08-18T22:11:35", "review_tags": []}, {"uuid": "e4288aa4-30f5-4da2-b2c6-be710d3b5bc1", "title": "font-family", "url": "/pl/docs/Web/CSS/font-family", "tags": ["CSS", "CSS:Dokumentacje", "Dokumentacje", "Wszystkie_kategorie"], "summary": "<code>font-family</code> dopuszcza uszeregowan\u0105 pod wzgl\u0119dem wa\u017cno\u015bci list\u0119 nazw rodzin czcionek oraz/lub nazwy rodzaj\u00f3w czcionek do zdefiniowania dla wybranego elementu. W przeciwie\u0144stwie do wi\u0119kszo\u015bci innych w\u0142asno\u015bci CSS, warto\u015bci s\u0105 oddzielone przecinkiem, by wskazywa\u0142y, \u017ce s\u0105 alternatywami.", "localization_tags": [], "locale": "pl", "last_edit": "2015-11-16T09:13:23", "review_tags": []}, {"uuid": "502c08c8-28a2-49af-b452-b0d53afba83c", "title": "font-family", "url": "/pt-BR/docs/Web/CSS/font-family", "tags": ["CSS", "Fontes CSS", "Lay", "Refer", "Web", "Propriedade CSS"], "summary": "A propriedade\u00a0<code>font-family do</code> CSS permite que se fa\u00e7a uma lista de prioridades de familias de fontes e/ou\u00a0nomes gen\u00e9ricos de fam\u00edlias a serem especificados para um elemento selecionado.\u00a0Ao contr\u00e1rio da maioria das demais propriedades CSS, os valores s\u00e3o separados por v\u00edrgula para indicar quais s\u00e3o as alternativas. O Browser ir\u00e1 utilizar a primeira fonte da lista que for encontrada no computador, ou poder\u00e1 fazer o dowload utilizando a informa\u00e7\u00e3o contida na regra\u00a0<a href=\"/pt-BR/docs/Web/CSS/@font-face\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>@font-face</code></a>.", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2015-11-16T09:46:10", "review_tags": []}, {"uuid": "c0b3da23-e1e0-46fc-bd70-b2947729d954", "title": "font-family", "url": "/pt-PT/docs/Web/CSS/font-family", "tags": ["Referencia_CSS"], "summary": "", "localization_tags": [], "locale": "pt-PT", "last_edit": "2014-07-01T00:20:19", "review_tags": []}, {"uuid": "8f81aa76-77d1-4a8f-9060-f37790b96cdc", "title": "font-family", "url": "/zh-CN/docs/Web/CSS/font-family", "tags": ["CSS", "CSS Font"], "summary": "<code>CCS\u5c5e\u6027font-family</code>\u5141\u8bb8\u60a8\u901a\u8fc7\u7ed9\u5b9a\u4e00\u4e2a\u6709\u5148\u540e\u987a\u5e8f\u7684\uff0c\u7531\u5b57\u4f53\u540d\u6216\u8005\u5b57\u4f53\u65cf\u540d\u7ec4\u6210\u7684\u5217\u8868\u6765\u4e3a\u9009\u5b9a\u7684\u5143\u7d20\u8bbe\u7f6e\u5b57\u4f53\u3002 \u5c5e\u6027\u7684\u503c\u7528\u9017\u53f7\u9694\u5f00\u3002\u6d4f\u89c8\u5668\u4f1a\u9009\u62e9\u5217\u8868\u4e2d\u7b2c\u4e00\u4e2a\u8be5\u8ba1\u7b97\u673a\u4e0a\u6709\u5b89\u88c5\u7684\u5b57\u4f53\uff0c\u6216\u8005\u662f\u901a\u8fc7 <a href=\"/zh-CN/docs/Web/CSS/@font-face\" title=\"The @font-face CSS at-rule allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers. The @font-face at-rule may be used not only at the top level of a CSS, but also inside any CSS conditional-group at-rule.\"><code>@font-face</code></a> \u6307\u5b9a\u7684\u53ef\u4ee5\u76f4\u63a5\u4e0b\u8f7d\u7684\u5b57\u4f53\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-11-16T09:34:02", "review_tags": []}], "modified": "2016-10-20T04:38:52", "label": "font-family", "localization_tags": [], "locale": "en-US", "id": 1110, "last_edit": "2016-06-21T06:41:18", "summary": "The <strong><code>font-family</code></strong> 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 <a href=\"/en-US/docs/Web/CSS/@font-face\" title=\"The @font-face CSS at-rule allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers. The @font-face at-rule may be used not only at the top level of a CSS, but also inside any CSS conditional-group at-rule.\"><code>@font-face</code></a> at-rule.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "Summary"}, {"id": "Syntax", "title": "Syntax"}, {"id": "Values", "title": "Values"}, {"id": "Valid_family_names", "title": "Valid family names"}, {"id": "Formal_syntax", "title": "Formal syntax"}, {"id": "Examples", "title": "Examples"}, {"id": "Example_1", "title": "Example 1"}, {"id": "Example_2", "title": "Example 2"}, {"id": "Live_Sample", "title": "Live Sample"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}], "slug": "Web/CSS/font-family", "review_tags": ["technical"]}