{"json_modified": "2016-10-31T18:21:02.355181", "uuid": "7829432b-60fc-4555-bc20-1c1573e2ba3b", "title": "SVG fonts", "url": "/en-US/docs/Web/SVG/Tutorial/SVG_fonts", "tags": ["NeedsUpdate", "SVG", "SVG:Tutorial", "Advanced"], "translations": [{"uuid": "3eb097be-58c4-4e56-956d-f34aad939462", "title": "Polices SVG", "url": "/fr/docs/Web/SVG/Tutoriel/polices_SVG", "tags": ["Police", "SVG", "font"], "summary": "Lorsque SVG a \u00e9t\u00e9 sp\u00e9cifi\u00e9, le support des polices d'\u00e9criture pour le web n'\u00e9tait pas r\u00e9pandu dans les navigateurs. Comme l'acc\u00e8s au fichier de la police ad\u00e9quate est cependant crucial pour afficher correctement le texte, une technologie de description des polices a \u00e9t\u00e9 ajout\u00e9e \u00e0 SVG pour offrir cette capacit\u00e9. Il n'a pas \u00e9t\u00e9 con\u00e7u pour la compatibilit\u00e9 avec d'autres formats tels que le PostScript ou OTF, mais plut\u00f4t comme un moyen simple d'int\u00e9gration des informations des glyphes en SVG lors de l'affichage.", "localization_tags": ["inprogress"], "locale": "fr", "last_edit": "2016-08-12T19:24:08", "review_tags": []}, {"uuid": "974e4a17-29f2-403c-bd33-4baa6907a9ac", "title": "SVG Fonts", "url": "/ja/docs/Web/SVG/Tutorial/SVG_Fonts", "tags": ["SVG", "SVG:Tutorial"], "summary": "SVG \u3067 Web \u30d5\u30a9\u30f3\u30c8\u306e\u30b5\u30dd\u30fc\u30c8\u304c\u660e\u793a\u3055\u308c\u305f\u306e\u306f\u3001\u305d\u308c\u304c\u305a\u3063\u3068\u671b\u307e\u308c\u3066\u3044\u305f\u304b\u3089\u3067\u3059\u3002\u3057\u304b\u3057\u753b\u50cf\u306e\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u306b\u306f\u6b63\u3057\u3044\u30d5\u30a9\u30f3\u30c8\u304c\u91cd\u8981\u3067\u3042\u308b\u305f\u3081\u3001SVG \u306b\u30d5\u30a9\u30f3\u30c8\u3092\u5b9a\u7fa9\u3059\u308b\u6280\u8853\u304c\u8ffd\u52a0\u3055\u308c\u307e\u3057\u305f\u3002\u3053\u308c\u306f PostScript \u3084 OTF \u306e\u3088\u3046\u306a\u4ed6\u306e\u30d5\u30a9\u30f3\u30c8\u5f62\u5f0f\u3068\u540c\u3058\u3088\u3046\u306a\u3082\u306e\u3092\u610f\u56f3\u3059\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u30a8\u30f3\u30b8\u30f3\u5411\u3051\u306b\u30b0\u30ea\u30d5\u60c5\u5831\u3092\u57cb\u3081\u8fbc\u3080\u7c21\u5358\u306a\u624b\u6bb5\u3067\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2013-06-08T16:21:47", "review_tags": []}, {"uuid": "8a5d6e1f-2acd-41f4-be44-dd3df7b92e5a", "title": "SVG \u5b57\u4f53", "url": "/zh-CN/docs/Web/SVG/Tutorial/SVG_fonts", "tags": [], "summary": "\u5f53\u89c4\u5b9aSVG\u65f6\uff0c\u5728\u6d4f\u89c8\u5668\u652f\u6301web\u5b57\u4f53\u5e76\u4e0d\u6d41\u884c\u3002\u56e0\u4e3a\u8bbf\u95ee\u6b63\u786e\u7684\u5b57\u4f53\u6587\u4ef6\u5bf9\u4e8e\u6b63\u786e\u5448\u73b0\u5b57\u4f53\u662f\u6709\u786e\u5b9a\u6027\u7684\uff0cSVG\u4e2d\u6dfb\u52a0\u4e86\u4e00\u4e2a\u5b57\u4f53\u63cf\u8ff0\u6280\u672f\uff0c\u4ee5\u63d0\u4f9b\u8fd9\u4e2a\u80fd\u529b\u3002\u5b83\u5e76\u4e0d\u662f\u4e3a\u4e86\u548c\u522b\u7684\u683c\u5f0f\u6bd4\u5982\u8bf4PostScript\u6216OTF\u517c\u5bb9\uff0c\u800c\u662f\u4e3a\u4e86\u5c06\u5b57\u5f62\u4fe1\u606f\u5d4c\u5165SVG\u5448\u73b0\u7684\u4e00\u4e2a\u7b80\u5355\u7684\u65b9\u6cd5\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-10-09T21:41:47", "review_tags": []}], "modified": "2016-10-31T18:19:53", "label": "SVG fonts", "localization_tags": [], "locale": "en-US", "id": 6312, "last_edit": "2015-04-07T05:03:56", "summary": "When SVG was specified, support for web fonts was not widespread in browsers. Since accessing the correct font file is however crucial for rendering text correctly, a font description technology was added to SVG to provide this ability. It was not meant for compatibility with other formats like PostScript or OTF, but rather as a simple means of embedding glyph information into SVG when rendered.", "sections": [{"id": "Defining_a_font", "title": "Defining a font"}, {"id": "Referencing_a_font", "title": "Referencing a font"}, {"id": "Option_Use_CSS_font-face", "title": "Option: Use CSS @font-face"}, {"id": "Option_reference_a_remote_font", "title": "Option: reference a remote font"}], "slug": "Web/SVG/Tutorial/SVG_fonts", "review_tags": []}