<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>135</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/presentation-memoizer.php</b> on line <b>49</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/presentation-memoizer.php</b> on line <b>63</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/presentation-memoizer.php</b> on line <b>66</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>154</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>157</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>135</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>157</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>135</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>157</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>135</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>157</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php:135) in <b>/home/colorslab/public_html/blog/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1902</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php:135) in <b>/home/colorslab/public_html/blog/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1902</b><br />
{"id":6572,"date":"2014-03-11T23:08:22","date_gmt":"2014-03-11T21:08:22","guid":{"rendered":"http:\/\/www.colorslab.net\/?p=6572"},"modified":"2016-05-14T17:38:13","modified_gmt":"2016-05-14T15:38:13","slug":"deepview-about-font-face","status":"publish","type":"post","link":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/","title":{"rendered":"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 @ font-face"},"content":{"rendered":"<p dir=\"RTL\">\u062e\u0637\u0648\u0637 \u0627\u0644\u0648\u064a\u0628 Web Fonts \u0647\u064a \u0631\u0648\u062d \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0627\u0644\u0628\u0639\u0636 \u064a\u0639\u062a\u0642\u062f \u0623\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0647\u0648 \u0639\u0628\u0627\u0631\u0629 \u0639\u0646 95% \u0645\u0646\u0647 &#8220;\u0625\u0633\u062a\u062e\u062f\u0627\u0645 \u062c\u064a\u062f \u0644\u0644\u062e\u0637\u0648\u0637&#8221; \u0648\u0627\u0644\u0640 5% \u0627\u0644\u0628\u0627\u0642\u064a\u0629 \u0647\u064a \u0644\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062c\u064a\u062f \u0644\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0625\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u0633\u060c \u0627\u0644\u0648\u0639\u064a \u0628\u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0637\u0648\u0637 \u0627\u0644\u0648\u064a\u0628 \u0623\u0635\u0628\u062d \u0623\u0645\u0631\u0627\u064b \u0636\u0631\u0648\u0631\u064a\u0627\u064b \u0648\u062c\u0632\u0621\u0627\u064b \u0643\u0628\u064a\u0631\u0627\u064b \u0645\u0646 \u062b\u0642\u0627\u0641\u0629 \u0645\u0635\u0645\u0645 \u0648\u0645\u0637\u0648\u0631 \u0627\u0644\u0648\u064a\u0628 \u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0633\u062a\u0647\u0627\u0646\u0629 \u0628\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0627\u0637\u0644\u0627\u0642\u060c \u0627\u062d\u062f\u0649 \u0637\u0631\u0642 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062e\u0637\u0648\u0637 \u0641\u064a \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0647\u0648 \u0639\u0628\u0631 \u062e\u0627\u0635\u064a\u0629\u00a0@font-face \u0648\u0627\u0644\u062a\u064a \u0633\u062a\u0646\u062a\u0627\u0648\u0644\u0647\u0627 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644 \u0641\u064a \u0627\u0644\u0633\u0637\u0648\u0631 \u0627\u0644\u0642\u0627\u062f\u0645\u0629 &#8230;<\/p>\n<p dir=\"RTL\">\u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0645\u0635\u0645\u0645\u064a \u0648\u0645\u0637\u0648\u0631\u064a \u0627\u0644\u0648\u064a\u0628 \u0642\u062f \u064a\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u062e\u0627\u0635\u064a\u0629 @font-face \u0628\u062f\u0648\u0646 \u062f\u0631\u0627\u064a\u0629 \u0643\u0627\u0641\u064a\u0629 \u0644\u062e\u0628\u0627\u064a\u0627 \u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0635\u064a\u0629\u060c <a title=\"Google Fonts\" href=\"https:\/\/www.google.com\/fonts\">Google Web Fonts<\/a> \u062a\u0633\u062a\u0639\u0645\u0644 \u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0641\u064a \u062e\u0637\u0648\u0637\u0647\u0627 \u0644\u0646\u062f\u0631\u062c\u0647\u0627 \u0641\u064a \u0645\u0648\u0627\u0642\u0639\u0646\u0627\u060c \u0648\u062d\u064a\u062b \u0623\u0646\u0651 \u063a\u0648\u063a\u0644 \u062a\u0648\u0641\u0631 \u0639\u0644\u064a\u0646\u0627 \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u0621 \u0641\u0647\u064a \u062a\u0648\u0641\u0631 \u0644\u0646\u0627 \u0631\u0627\u0628\u0637\u0627\u064b \u0645\u0628\u0627\u0634\u0631\u0627\u064b \u0646\u0631\u0628\u0637\u0647 \u0641\u064a \u0645\u0644\u0641 style.css \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627\u060c \u0641\u0642\u062f \u062d\u0627\u0646 \u0627\u0644\u0648\u0642\u062a \u0644\u0646\u062a\u0639\u0645\u0642 \u0623\u0643\u062b\u0631 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0644\u0643\u064a \u0646\u0633\u062a\u0637\u064a\u0639 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u0623\u064a\u0651 \u062e\u0637 \u0646\u0631\u064a\u062f\u0647 (\u0648\u0646\u062a\u0648\u0642\u0641 \u0639\u0646 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u062e\u0637 <a title=\"Droid Arabic Kufi (Arabic)\" href=\"https:\/\/www.google.com\/fonts\/earlyaccess\">\u0627\u0644\u0643\u0648\u0641\u064a<\/a> \u0641\u064a \u0643\u0644 \u0634\u064a\u0621!)<\/p>\n<figure id=\"attachment_6813\" aria-describedby=\"caption-attachment-6813\" style=\"width: 670px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6813 size-full\" src=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/03\/kufi-every-day-google-colorslab.png\" alt=\"kufi-every-day-google-colorslab\" width=\"670\" height=\"504\" srcset=\"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/kufi-every-day-google-colorslab.png 670w, https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/kufi-every-day-google-colorslab-457x344.png 457w, https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/kufi-every-day-google-colorslab-165x124.png 165w\" sizes=\"auto, (max-width: 670px) 100vw, 670px\" \/><figcaption id=\"caption-attachment-6813\" class=\"wp-caption-text\">\u0645\u0627\u0632\u0627\u0644\u062a \u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u062a\u0649 \u062a\u0648\u0641\u0631\u0647\u0627 \u062c\u0648\u062c\u0644 \u0644\u0644\u0648\u064a\u0628 \u0645\u062d\u062f\u0648\u062f\u0629\u060c \u0648\u062a\u0642\u0641 \u0639\u0627\u0626\u0642\u0627\u064b \u0627\u0645\u0627\u0645 \u062a\u0637\u0648\u0631 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0639\u0631\u0628\u0649 \u0644\u0644\u0648\u064a\u0628<\/figcaption><\/figure>\n<p dir=\"RTL\">\u0645\u0646\u0630 \u0645\u062f\u0629 \u0642\u0631\u0631\u062a \u0623\u0646 \u0623\u0642\u0648\u0645 \u0628\u0645\u0634\u0631\u0648\u0639 \u0645\u0627\u060c \u0648\u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0639\u0644\u0627\u0642\u0629 \u0642\u0648\u064a\u0629 \u0628\u062e\u0637\u0648\u0637 \u0627\u0644\u0648\u064a\u0628 (\u0644\u0627\u0632\u0627\u0644 \u0627\u0644\u0639\u0645\u0644 \u0633\u0627\u0631\u064a\u0627 \u0639\u0644\u064a\u0647) \u0648\u0644\u0623\u0633\u062a\u0645\u0631 \u0641\u064a\u0647\u060c \u0643\u0627\u0646 \u0639\u0644\u064a\u0651 \u0623\u0646 \u0623\u0641\u0647\u0645 \u0623\u0645\u0631 \u0625\u062f\u0631\u0627\u062c \u0627\u0644\u062e\u0637\u0648\u0637 \u0628\u0627\u0633\u062a\u0639\u0645\u0627\u0644 font-face \u0628\u0634\u0643\u0644 \u062c\u064a\u062f\u060c \u0648\u0647\u0630\u0647 \u0627\u0644\u0645\u0642\u0627\u0644\u0629 \u0633\u062a\u0639\u0631\u0636 \u0644\u0643\u0645 \u0639\u0635\u0627\u0631\u0629 \u0627\u0644\u0623\u0628\u062d\u0627\u062b \u0648\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u0642\u0631\u0623\u062a\u0647\u0627\u060c \u0648\u0644\u062a\u0639\u0637\u064a\u0643\u0645 \u0646\u0638\u0631\u0629 \u0623\u0648\u0633\u0639 \u0639\u0644\u064a\u0647\u0627 &#8230;<\/p>\n<h2>\u0645\u0642\u062f\u0645\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 @font-face<\/h2>\n<p dir=\"RTL\">\u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0644\u064a\u0633\u062a \u062c\u062f\u064a\u062f\u0629 \u0631\u063a\u0645 \u0623\u0646\u0647\u0627 \u0638\u0647\u0631\u062a \u0645\u0639\u00a0 CSS3\u00a0 \u0641\u0642\u062f \u0638\u0647\u0631\u062a \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0645\u0633\u0628\u0642\u0627\u064b\u00a0\u0641\u064a \u0646\u0633\u062e ie \u0627\u0644\u0642\u062f\u064a\u0645\u0629\u060c \u062b\u0645 \u062a\u0645 \u0627\u0644\u062a\u062e\u0644\u064a \u0639\u0646\u0647\u0627 \u0644\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u062a\u064a \u0643\u0627\u0646\u062a \u0641\u064a\u0647\u0627\u060c \u0648\u0638\u0647\u0631\u062a \u0628\u062d\u0644\u0629 \u062c\u062f\u064a\u062f\u0629 \u0645\u062c\u062f\u062f\u0627\u064b \u0641\u064a \u0622\u062e\u0631 \u0646\u0633\u062e\u0629.<\/p>\n<p dir=\"RTL\">\u0645\u0641\u0647\u0648\u0645 \u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0628\u0628\u0633\u0627\u0637\u0629 \u0644\u0645\u0646 \u0644\u0627 \u064a\u0639\u0631\u0641\u0647\u0627 \u0647\u0648 \u0623\u0646\u0651\u0643 \u062a\u0633\u062a\u0637\u064a\u0639 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u0623\u064a \u062e\u0637\u0651 \u062a\u0631\u064a\u062f\u0647 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0625\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0644\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0623\u0648 <a title=\"CSS Font Stack :: A complete collection of web safe CSS font stacks.\" href=\"http:\/\/cssfontstack.com\/\">\u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0622\u0645\u0646\u0629<\/a> (\u0648\u0627\u0644\u062a\u064a \u0623\u0635\u0628\u062d\u062a \u0645\u0645\u0644\u0629\u064b \u062c\u062f\u0627\u064b)\u060c \u0648\u0647\u064a \u0628\u0633\u064a\u0637\u0629 \u062c\u062f\u0627\u064b \u0638\u0627\u0647\u0631\u064a\u0627\u064b\u060c \u0641\u0643\u0644 \u0645\u0627 \u0639\u0644\u064a\u0643 \u0641\u0639\u0644\u0647 \u0647\u0648 \u0625\u062f\u0631\u0627\u062c \u0645\u0633\u0627\u0631 \u0627\u0644\u062e\u0637\u060c \u0648\u0625\u0639\u0637\u0627\u0626\u0647 \u0627\u0633\u0645\u0627\u064b\u060c \u062b\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0644\u0627\u062d\u0642\u0627\u064b \u0641\u064a \u0645\u0644\u0641 \u0627\u0644CSS \u0627\u0644\u062e\u0627\u0635 \u0628\u0643.<\/p>\n<h2>\u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0648\u062f\u0639\u0645 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a<\/h2>\n<p dir=\"RTL\">\u0631\u063a\u0645 \u0623\u0646\u0651 \u0643\u062a\u0627\u0628\u0629 \u0643\u0648\u062f \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0623\u0645\u0631 \u0633\u0647\u0644\u060c \u0625\u0644\u0627 \u0623\u0646\u0651\u0647 \u0623\u0635\u0639\u0628 \u0628\u0643\u062b\u064a\u0631\u060c \u0633\u0646\u062a\u0637\u0631\u0642 \u0627\u0644\u0622\u0646 \u0644\u0644\u062c\u0632\u0621 \u0627\u0644\u0633\u0647\u0644\u060c \u0648\u0646\u0631\u0643\u0632 \u0644\u0627\u062d\u0642\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u0635\u0639\u0628\u060c\u00a0\u064a\u0643\u0648\u0646 \u0627\u0644\u0643\u0648\u062f \u0643\u0627\u0644\u062a\u0627\u0644\u064a:-<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container css vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/>4<br \/>5<br \/>6<br \/><\/div><\/td><td><div class=\"css codecolorer\"><span class=\"re2\">@font-face<\/span> &nbsp;<span class=\"br0\">&#123;<\/span><br \/>\n<span class=\"kw1\">font-family<\/span><span class=\"sy0\">:<\/span> <span class=\"st0\">'Droid Arabic Naskh'<\/span><span class=\"sy0\">;<\/span><br \/>\nsrc<span class=\"sy0\">:<\/span> <span class=\"kw3\">url<\/span><span class=\"br0\">&#40;<\/span><span class=\"st0\">'droidnaskh-regular.ttf'<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span><br \/>\n<span class=\"kw1\">font-weight<\/span><span class=\"sy0\">:<\/span> <span class=\"nu0\">400<\/span><span class=\"sy0\">;<\/span><br \/>\n<span class=\"kw1\">font-style<\/span><span class=\"sy0\">:<\/span> <span class=\"kw2\">normal<\/span><span class=\"sy0\">;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p align=\"right\"><strong>\u0644\u0646\u0634\u0631\u062d \u0627\u0644\u0643\u0648\u062f:-<\/strong><\/p>\n<ol>\n<li>\u0646\u0628\u062f\u0623 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0628\u062a\u0635\u0631\u064a\u062d @font-face<\/li>\n<li>\u062b\u0645 \u0623\u0633\u0641\u0644\u0647 \u0646\u0643\u062a\u0628 \u0627\u0633\u0645 \u0627\u0644\u062e\u0637 (\u0627\u0644\u0630\u064a \u0633\u0646\u0633\u062a\u0639\u0645\u0644 \u0628\u0647 \u0627\u0644\u062e\u0637 \u0644\u0627\u062d\u0642\u0627\u064b) font-family: &#8216;Droid Arabic Naskh&#8217;; \u0646\u0633\u062a\u0637\u064a\u0639 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u0623\u064a\u0651 \u0627\u0633\u0645 \u0646\u0631\u064a\u062f\u0647\u060c \u0634\u0631\u0637 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0628\u0623\u062d\u0631\u0641 \u0644\u0627\u062a\u0646\u064a\u0629 \u0648\u0644\u0627 \u064a\u0628\u062f\u0623 \u0628\u0631\u0642\u0645 \u0623\u0648 \u0628\u0639\u0644\u0627\u0645\u0629 \u062a\u0631\u0642\u064a\u0645 \u0645\u0627.<\/li>\n<li>\u0641\u064a \u0627\u0644\u0633\u0637\u0631 \u0627\u0644\u062b\u0627\u0646\u064a \u0646\u062d\u062f\u062f \u0645\u0633\u0627\u0631 \u0627\u0644\u062e\u0637 \u00a0 src: url(&#8216;droidnaskh-regular.ttf&#8217;);<\/li>\n<li>\u0627\u0644\u0633\u0637\u0631\u0627\u0646 \u0627\u0644\u062b\u0627\u0644\u062b \u0648\u0627\u0644\u0631\u0627\u0628\u0639 \u063a\u064a\u0631 \u0623\u0633\u0627\u0633\u064a\u0627\u0646\u060c \u0648\u0644\u0643\u0646 \u0633\u0646\u062d\u062a\u0627\u062c\u0647\u0645\u0627 \u0625\u0630\u0627 \u0623\u0631\u062f\u0646\u0627 \u0623\u0646 \u0646\u062f\u0631\u062c \u0623\u0643\u062b\u0631 \u0645\u0646 \u0648\u0632\u0646 \u0648\u062a\u0646\u0633\u064a\u0642 \u0644\u0644\u062e\u0637 \u0627\u0644\u0648\u0627\u062d\u062f\u060c \u0641\u0627\u0644\u0633\u0637\u0631 \u0627\u0644\u0623\u0648\u0644 \u0647\u0648 \u0648\u0632\u0646 \u0627\u0644\u062e\u0637\u060c \u0648 400 \u062a\u0639\u0646\u064a \u0639\u0627\u062f\u064a (\u0648\u0643\u0630\u0644\u0643 700 \u062a\u0639\u0646\u064a \u0633\u0645\u064a\u0643 \u0648 300 \u062a\u0639\u0646\u064a \u062e\u0641\u064a\u0641)<\/li>\n<li>\u0623\u062e\u064a\u0631\u0627\u064b \u0633\u0637\u0631 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062e\u0637 font-style: normal; \u062a\u0639\u0646\u064a \u0625\u062f\u0631\u0627\u062c \u0627\u0644\u062e\u0637 \u0628\u062f\u0648\u0646 \u062a\u0646\u0633\u064a\u0642\u0627\u062a\u00a0(\u0646\u0636\u0639 italic \u0628\u062f\u0644\u0627\u064b \u0645\u0646 normal \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u062e\u0637 \u0627\u0644\u0645\u062f\u0631\u062c \u0645\u0627\u0626\u0644)<\/li>\n<\/ol>\n<p dir=\"RTL\">\u0628\u0647\u0630\u0647 \u0627\u0644\u0637\u0631\u064a\u0642\u0629\u060c \u0642\u0645\u0646\u0627 \u0628\u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u062e\u0637\u060c \u0646\u0623\u062a\u064a \u0627\u0644\u0622\u0646 \u0625\u0644\u0649 \u0637\u0631\u064a\u0642\u0629 \u0625\u0633\u062a\u0639\u0645\u0627\u0644\u0647\u060c \u062d\u064a\u062b \u0646\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0623\u0645\u0631 \u0627\u0644\u062a\u0627\u0644\u064a:-<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container css vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/><\/div><\/td><td><div class=\"css codecolorer\">selctor <span class=\"br0\">&#123;<\/span><br \/>\n<span class=\"kw1\">font-family<\/span><span class=\"sy0\">:<\/span> <span class=\"st0\">'Droid Arabic Naskh'<\/span><span class=\"sy0\">;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"RTL\">\u0627\u0644\u0623\u0645\u0631 \u0628\u0633\u064a\u0637\u060c \u0648\u0627\u0644\u0622\u0646 \u0625\u0644\u0649 \u062f\u0639\u0645 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a\u060c \u0648\u0647\u0648 \u0643\u0627\u0644\u062a\u0627\u0644\u064a<\/p>\n<figure id=\"attachment_6574\" aria-describedby=\"caption-attachment-6574\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/03\/font-face-browser-support.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6574\" src=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/03\/font-face-browser-support.png\" alt=\"\u062f\u0639\u0645 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a\" width=\"650\" height=\"286\" srcset=\"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/font-face-browser-support.png 650w, https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/font-face-browser-support-457x201.png 457w, https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/font-face-browser-support-165x73.png 165w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a><figcaption id=\"caption-attachment-6574\" class=\"wp-caption-text\">\u062f\u0639\u0645 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0644\u062e\u0627\u0635\u064a\u0629 @font-face<\/figcaption><\/figure>\n<h2>\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0645\u0633\u062a\u0639\u0645\u0644\u0629<\/h2>\n<p dir=\"RTL\">\u0641\u064a \u0639\u0627\u0644\u0645 \u062c\u0645\u064a\u0644 \u0648\u0645\u062b\u0627\u0644\u064a \u062d\u064a\u062b \u0623\u0642\u0648\u0627\u0633 \u0627\u0644\u0642\u0632\u062d\u060c \u0627\u0644\u062c\u0645\u0644\u0629 \u0627\u0644\u062a\u064a \u0643\u062a\u0628\u0646\u0627\u0647\u0627 \u0641\u0648\u0642 \u0643\u0627\u0646\u062a \u0644\u062a\u0643\u0641\u064a \u0648\u062a\u0632\u064a\u062f \u062d\u062a\u0649 \u0646\u0636\u064a\u0641 \u0627\u0644\u062e\u0637\u060c \u0648\u0644\u0643\u0646 \u0644\u0627! \u0644\u0646 \u064a\u0643\u0648\u0646 \u0627\u0644\u0623\u0645\u0631 \u0645\u0645\u062a\u0639\u0627 \u0625\u0646 \u0644\u0645 \u0646\u062c\u062f \u0645\u0634\u0643\u0644\u0629 \u0623\u0648 \u0627\u062b\u0646\u062a\u064a\u0646 \u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a.<\/p>\n<p dir=\"RTL\">\u0641\u0645\u062b\u0644\u0627\u060c \u0645\u062a\u0635\u0641\u062d\u0627\u062a IE \u0627\u0644\u0623\u0642\u0644 \u0645\u0646 9 \u062a\u062f\u0639\u0645 \u0641\u0642\u0637 \u0627\u0645\u062a\u062f\u0627\u062f eot \u0648\u0644\u0627 \u0645\u062a\u0635\u0641\u062d \u0622\u062e\u0631 \u064a\u062f\u0639\u0645\u0647\u0627\u060c \u0648\u0623\u062c\u0647\u0632\u0629 \u0622\u0628\u0644 \u0628\u0646\u0638\u0627\u0645 IOS 4.1 \u0623\u0648 \u0623\u0642\u0644 \u0644\u0627 \u062a\u062f\u0639\u0645 \u0633\u0648\u0649 \u0627\u0645\u062a\u062f\u0627\u062f SVG\u060c \u0644\u0643\u0646 \u0641\u0627\u064a\u0631\u0641\u0648\u0643\u0633 \u0644\u0627 \u064a\u062f\u0639\u0645 \u0627\u0645\u062a\u062f\u0627\u062f SVG!<\/p>\n<p dir=\"RTL\">\u0648\u0639\u0644\u064a\u0647 \u064a\u0645\u0643\u0646\u0646\u0627 \u0627\u0644\u062e\u0631\u0648\u062c \u0628\u0625\u0633\u062a\u0646\u062a\u0627\u062c \u0648\u0627\u062d\u062f \u0648\u0647\u0648 \u0623\u0646\u0651 \u0627\u0645\u062a\u062f\u0627\u062f ttf \u0648\u062d\u062f\u0647 \u0644\u0627 \u064a\u0643\u0641\u064a \u0644\u0646\u062f\u0631\u062c \u0627\u0644\u062e\u0637 \u0628\u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0625\u0630\u0627\u064b \u0627\u0644\u062d\u0644 \u0647\u0648 \u0625\u062f\u0631\u0627\u062c \u0627\u0644\u062e\u0637 \u0628\u0643\u0644 \u0627\u0644\u0627\u0645\u062a\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 (otf &#8211; svg &#8211; eot &#8211; ttf &#8211; woff) \u0643\u0644 \u0646\u0633\u062e \u0627\u0644\u062e\u0637\u0648\u0637\u060c \u0633\u0646\u062a\u062d\u062f\u062b \u0639\u0646 \u0643\u064a\u0641\u064a\u0629 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0627\u0645\u062a\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0644\u062e\u0637 \u0627\u0644\u0648\u0627\u062d\u062f \u0644\u0627\u062d\u0642\u0627\u064b.<\/p>\n<p dir=\"RTL\"><strong>\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062e\u0637\u0648\u0637 \u0647\u064a \u0643\u0627\u0644\u062a\u0627\u0644\u064a:<\/strong><\/p>\n<ul>\n<li><strong>TTF<\/strong>: \u0648\u0627\u0644\u062a\u064a \u062a\u0639\u0646\u064a TrueType font \u0648\u0647\u064a \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0641\u064a \u0627\u0644\u062d\u0648\u0627\u0633\u064a\u0628.<\/li>\n<li><strong>OTF:<\/strong>\u00a0 \u0648\u0627\u0644\u062a\u064a \u062a\u0639\u0646\u064a OpenType Font \u0648\u0647\u064a \u0645\u0646 \u062a\u0637\u0648\u064a\u0631 \u0641\u0631\u064a\u0642 \u0645\u0646 adobe \u0648 microsoft \u0648\u0647\u064a \u0644\u0644\u062d\u0627\u0633\u0648\u0628 \u0623\u064a\u0636\u0627\u064b\u060c \u0648\u0642\u062f \u0623\u062a\u062a \u0644\u062a\u062d\u0644 \u0628\u0639\u0636 \u0645\u0634\u0627\u0643\u0644 ttf \u0645\u062b\u0644 \u062f\u0639\u0645 \u0639\u062f\u062f \u0623\u0643\u0628\u0631 \u0645\u0646 \u0627\u0644\u062d\u0631\u0648\u0641\u060c \u0644\u0643\u0646\u0647\u0627 \u0628\u062f\u0648\u0631\u0647\u0627 \u062a\u0639\u0627\u0646\u064a \u0645\u0646 \u0645\u0634\u0627\u0643\u0644 \u0623\u0643\u062b\u0631.<\/li>\n<li><strong>EOT<\/strong>: \u0648\u062a\u0639\u0646\u064a Embedded OpenType \u0648\u0647\u064a \u0645\u0646 \u062a\u0637\u0648\u064a\u0631 \u0645\u0627\u064a\u0643\u0631\u0648\u0633\u0648\u0641\u062a\u060c \u0648\u062a\u0633\u062a\u062e\u062f\u0645 \u0645\u0646 \u0623\u062c\u0644 \u0645\u062a\u0635\u0641\u062d\u0647\u0627\u060c \u0648\u062a\u0639\u062a\u0628\u0631 \u0645\u0636\u063a\u0648\u0637\u0629 \u0628\u0634\u0643\u0644 \u0645\u0645\u062a\u0627\u0632\u060c \u0641\u062d\u062c\u0645\u0647\u0627 \u0647\u0648 50% \u0623\u0642\u0644 \u0645\u0646 ttf. \u0648\u0627\u0644\u062e\u0637 \u0623\u064a\u0636\u0627 \u064a\u0639\u0627\u0644\u062c \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0633\u0631\u0642\u0629\u060c \u0641\u0647\u0648 \u064a\u062d\u062f\u062f \u0646\u0637\u0627\u0642\u0627 \u0648\u0627\u062d\u062f\u0627 \u0644\u0625\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062e\u0637 \u0641\u064a\u0647\u060c \u0645\u0645\u0627 \u064a\u0639\u0646\u064a \u0623\u0646\u0651\u0647 \u0644\u0627 \u0641\u0627\u0626\u062f\u0629 \u0645\u0646 \u0633\u0631\u0642\u0629 \u0627\u0644\u062e\u0637.<\/li>\n<li><strong>WOFF<\/strong>: \u0648\u0627\u0644\u062a\u064a \u062a\u0639\u0646\u064a Web Open Font Format \u0648\u0647\u0630\u0627 \u0627\u0644\u062e\u0637 \u0623\u062a\u0649 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0644\u0648\u064a\u0628\u060c \u0645\u064a\u0632\u0629 \u0647\u0630\u0627 \u0627\u0644\u062e\u0637 \u0623\u0646\u0647 \u0623\u0635\u063a\u0631 \u062d\u062c\u0645\u0627\u064b \u0645\u0646 \u0627\u062e\u0648\u062a\u0647 \u0641\u0647\u0648 \u0623\u0642\u0644 \u0628\u064040% \u0645\u0646 ttf\u060c \u0648\u0645\u062e\u0635\u0635 \u0644\u0644\u0648\u064a\u0628\u060c \u0628\u0645\u0639\u0646\u0649 \u0623\u0646\u0651\u0647 \u0645\u0646 \u063a\u064a\u0631 \u0627\u0644\u0645\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0641\u064a \u0627\u0644\u062d\u0627\u0633\u0648\u0628.<\/li>\n<li><strong>SVG<\/strong>: \u0648\u0647\u0630\u0627 \u0641\u064a \u0627\u0644\u0648\u0627\u0642\u0639 \u0644\u064a\u0633 \u062e\u0637\u0627\u064b\u060c \u0628\u0644 \u0647\u0648 \u062a\u062c\u0633\u064a\u062f \u0644\u0643\u0644 \u0627\u0644\u062d\u0631\u0648\u0641 \u0639\u0644\u0649 \u0647\u064a\u0626\u0629 \u0623\u0634\u0643\u0627\u0644 svg \u0645\u0627 \u064a\u0639\u064a\u0628 \u0647\u0630\u0627 \u0627\u0644\u062e\u0637 \u0647\u0648 \u062d\u062c\u0645\u0647 \u0627\u0644\u0643\u0628\u064a\u0631 \u062c\u062f\u0627\u064b\u060c \u0641\u0647\u0648 \u0623\u0643\u0628\u0631 \u0628\u0640 400% \u0645\u0646 ttf\u060c \u0648\u0623\u0643\u0628\u0631 \u0628\u0640 800% \u0645\u0646 woff \u0643\u0645\u0627 \u0623\u0646\u0651\u0647 \u0644\u0627 \u064a\u062f\u0639\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0641\u0644\u0627 \u062a\u0633\u062a\u0637\u064a\u0639 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0647\u0646\u0627\u0643.<\/li>\n<\/ul>\n<figure id=\"attachment_6575\" aria-describedby=\"caption-attachment-6575\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/03\/font-support.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6575\" title=\"\u062f\u0639\u0645 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0644\u0627\u0645\u062a\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637\" src=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/03\/font-support.png\" alt=\"font-support\" width=\"650\" height=\"474\" srcset=\"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/font-support.png 650w, https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/font-support-457x333.png 457w, https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/font-support-165x120.png 165w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a><figcaption id=\"caption-attachment-6575\" class=\"wp-caption-text\">\u062f\u0639\u0645 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0644\u0627\u0645\u062a\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637\u060c \u0641\u0627\u064a\u0631\u0641\u0648\u0643\u0633 \u0644\u0627 \u064a\u062f\u0639\u0645 \u0625\u0645\u062a\u062f\u0627\u062f SVG \u060c \u0623\u0645\u0627 IE&lt;9 \u0644\u0627 \u064a\u062f\u0639\u0645 \u0633\u0648\u0649 EOT<\/figcaption><\/figure>\n<h2>\u0627\u0644\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0644\u0623\u0645\u0631 \u0625\u062f\u0631\u0627\u062c \u0627\u0644\u062e\u0637\u0648\u0637 @font-face \u0641\u064a \u0645\u0644\u0641 CSS<\/h2>\n<p dir=\"RTL\">\u062d\u0633\u0646\u0627\u060c \u0633\u064a\u0623\u062a\u064a \u0634\u062e\u0635 \u0645\u0627 \u0648\u064a\u0642\u0648\u0644 \u0623\u0646\u0651 \u0639\u0644\u064a\u0646\u0627 \u0623\u0646 \u0646\u062f\u0631\u062c \u0643\u0644 \u062e\u0637 \u0644\u0648\u062d\u062f\u0647 \u0641\u064a \u0639\u0628\u0627\u0631\u062a\u0647 \u0627\u0644\u062e\u0627\u0635\u0629\u060c \u0648\u0633\u064a\u0643\u0648\u0646 \u0645\u062d\u0642\u0627\u064b \u0641\u064a \u0643\u0644\u0627\u0645\u0647\u060c \u0648\u0644\u0643\u0646 \u0645\u062e\u0637\u0626\u0627\u064b \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0648\u0642\u062a\u060c \u0641\u0628\u062a\u0644\u0643 \u0627\u0644\u0637\u0631\u064a\u0642\u0629\u060c \u0633\u064a\u064f\u062d\u0645\u0644 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0643\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 \u0645\u0645\u0627 \u064a\u0639\u0646\u064a \u062b\u0642\u0644\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c \u0648\u0628\u0637\u0621 \u0641\u064a \u062a\u062d\u0645\u064a\u0644 \u0648\u0638\u0647\u0648\u0631 \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u064a\u0645\u0643\u0646 \u062d\u0644\u00a0\u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0628\u0623\u0646 \u0646\u062f\u0631\u062c \u0623\u0643\u062b\u0631 \u0645\u0646 \u0627\u0645\u062a\u062f\u0627\u062f \u0641\u064a \u0639\u0628\u0627\u0631\u0629 \u0648\u0627\u062d\u062f\u0629\u060c \u0644\u0643\u0646 \u0647\u0630\u0627 \u0644\u0627 \u064a\u0643\u0641\u064a \u0628\u0639\u062f\u060c \u0641\u0645\u062c\u0631\u062f \u062c\u0645\u0639\u0647\u0645 \u0641\u064a \u0639\u0628\u0627\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0644\u0627 \u064a\u0639\u0646\u064a \u0623\u0646\u0651 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0642\u062f \u062a\u0645 \u062d\u0644\u0647\u0627\u060c \u0641\u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0633\u064a\u062d\u0645\u0644 \u0643\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 \u0623\u064a\u0636\u0627\u064b! \u0645\u0645\u0627 \u0633\u064a\u0632\u064a\u062f \u0645\u0646 \u062d\u062c\u0645 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0633\u062a\u062f\u0639\u064a\u0647\u0627 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0648\u0647\u0630\u0627 \u064a\u0633\u0627\u0648\u064a \u0648\u0642\u062a\u0627\u064b \u0623\u0637\u0648\u0644 \u0641\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0623\u0645\u0631 \u0644\u0627 \u0646\u0631\u064a\u062f\u0647 \u0639\u0644\u0649 \u0627\u0644\u0627\u0637\u0644\u0627\u0642!<\/p>\n<figure id=\"attachment_6824\" aria-describedby=\"caption-attachment-6824\" style=\"width: 670px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6824\" src=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/03\/ethan-font-fontsquirrel-colorslab.png\" alt=\"Ethan - \u0645\u0648\u0642\u0639 Font Squirrel\" width=\"670\" height=\"298\" srcset=\"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/ethan-font-fontsquirrel-colorslab.png 670w, https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/ethan-font-fontsquirrel-colorslab-457x203.png 457w, https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/ethan-font-fontsquirrel-colorslab-165x73.png 165w\" sizes=\"auto, (max-width: 670px) 100vw, 670px\" \/><figcaption id=\"caption-attachment-6824\" class=\"wp-caption-text\">Ethan &#8211; \u0645\u0648\u0642\u0639 Font Squirrel<\/figcaption><\/figure>\n<p dir=\"RTL\">\u0644\u0630\u0627 \u0623\u062a\u0649 \u0634\u062e\u0635 \u064a\u062f\u0639\u0649 Ethan &#8211; \u0648\u0647\u0648 \u0648\u0631\u0627\u0621 \u0645\u0648\u0642\u0639 \u00a0<a title=\"Font Squirrel\" href=\"http:\/\/www.fontsquirrel.com\/\">Font Squirrel<\/a> &#8211; \u0648\u0627\u0642\u062a\u0631\u062d \u062d\u0644\u0627\u064b \u0641\u0639\u0627\u0644\u0627\u064b\u060c \u0648\u0647\u0648 \u0648\u0636\u0639 \u0646\u0648\u0639 \u0627\u0644\u062e\u0637 \u0628\u0639\u062f \u0645\u0633\u0627\u0631\u0647\u060c \u0648\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u062e\u0637\u0648\u0637 \u0628\u0637\u0631\u064a\u0642\u0629 \u0641\u0639\u0627\u0644\u0629 \u062d\u062a\u0649 \u0644\u0627 \u064a\u062d\u0645\u0644 \u0623\u064a\u0651 \u0645\u062a\u0635\u0641\u062d \u0627\u0644\u062e\u0637 \u0645\u0631\u062a\u064a\u0646 \u062d\u0642\u0627\u064b<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container css vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/>4<br \/>5<br \/><\/div><\/td><td><div class=\"css codecolorer\">src<span class=\"sy0\">:<\/span> <span class=\"kw3\">url<\/span><span class=\"br0\">&#40;<\/span><span class=\"st0\">'..\/fonts\/droidnaskh-regular.eot'<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span><br \/>\nsrc<span class=\"sy0\">:<\/span> <span class=\"kw3\">url<\/span><span class=\"br0\">&#40;<\/span><span class=\"st0\">'..\/fonts\/droidnaskh-regular.eot?#iefix'<\/span><span class=\"br0\">&#41;<\/span> format<span class=\"br0\">&#40;<\/span><span class=\"st0\">'embedded-opentype'<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">,<\/span><br \/>\n<span class=\"kw3\">url<\/span><span class=\"br0\">&#40;<\/span><span class=\"st0\">'..\/fonts\/droidnaskh-regular.woff'<\/span><span class=\"br0\">&#41;<\/span> format<span class=\"br0\">&#40;<\/span><span class=\"st0\">'woff'<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">,<\/span><br \/>\n<span class=\"kw3\">url<\/span><span class=\"br0\">&#40;<\/span><span class=\"st0\">'..\/fonts\/droidnaskh-regular.ttf'<\/span><span class=\"br0\">&#41;<\/span> format<span class=\"br0\">&#40;<\/span><span class=\"st0\">'truetype'<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">,<\/span><br \/>\n<span class=\"kw3\">url<\/span><span class=\"br0\">&#40;<\/span><span class=\"st0\">'..\/fonts\/droidnaskh-regular.svg#droid_arabic_naskhregular'<\/span><span class=\"br0\">&#41;<\/span> format<span class=\"br0\">&#40;<\/span><span class=\"st0\">'svg'<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"RTL\">\u0643\u064a\u0641 \u0633\u064a\u0642\u0631\u0623\u0647\u0627 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u061f \u0644\u0646\u0631\u0649 \u0627\u0644\u0633\u064a\u0646\u0627\u0631\u064a\u0648 \u0627\u0644\u062a\u0627\u0644\u064a \u0639\u0646\u062f\u0645\u0627 \u0646\u0641\u062a\u062d \u0627\u0644\u0645\u0648\u0642\u0639 \u0639\u0644\u0649 \u0645\u062a\u0635\u0641\u062d \u0627\u0644\u0640 Firefox:-<\/p>\n<ol>\n<li>\u0645\u062a\u0635\u0641\u062d \u0641\u0627\u064a\u0631\u0641\u0648\u0643\u0633 \u0633\u064a\u0628\u062f\u0623 \u0645\u0646 \u0623\u0648\u0644 \u0633\u0637\u0631 \u0633\u064a\u0642\u0631\u0623\u0647 \u0648\u064a\u0642\u0648\u0644: &#8220;\u0623\u0646\u0627 \u0644\u0627 \u0623\u062f\u0639\u0645 &#8217;embedded-opentype&#8217;<\/li>\n<li>\u062b\u0645 \u064a\u0646\u062a\u0642\u0644 \u0644\u0644\u0633\u0637\u0631 \u0627\u0644\u062a\u0627\u0644\u064a\u060c \u0648\u064a\u0642\u0648\u0644: &#8220;\u062d\u0633\u0646\u0627 \u0623\u0646\u0627 \u0623\u062f\u0639\u0645 woff \u0644\u0630\u0627 \u0633\u0623\u0633\u062a\u062e\u062f\u0645\u0647&#8221; \u062b\u0645 \u064a\u062a\u0648\u0642\u0641 \u0647\u0646\u0627\u0643\u060c \u0628\u0645\u0639\u0646\u0649 \u0623\u0646\u0651\u0647 \u0644\u0646 \u064a\u062d\u0645\u0644 \u0628\u0642\u064a\u0629 \u0627\u0644\u062e\u0637\u0648\u0637\u060c \u0648\u0627\u0644\u0623\u0645\u0631 \u0633\u064a\u0627\u0646 \u0644\u0643\u0644 \u0645\u062a\u0635\u0641\u062d\u060c \u0645\u0639 \u0645\u0644\u0627\u062d\u0638\u0629 \u0623<strong>\u0646 \u0627\u0644\u062a\u0631\u062a\u064a\u0628 \u0645\u0647\u0645 \u0628\u0643\u0644 \u062a\u0623\u0643\u064a\u062f<\/strong>.<\/li>\n<\/ol>\n<h2>\u0643\u064a\u0641\u064a\u0629 \u0639\u0645\u0644 \u0627\u0644\u062e\u0627\u0635\u064a\u0629<\/h2>\n<p dir=\"RTL\">\u0628\u0646\u0638\u0631\u0629 \u0623\u0639\u0645\u0642 \u0639\u0644\u0649 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0646\u062c\u062f \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u0633\u0627\u0628\u0642 \u064a\u0642\u0648\u0645 \u0623\u0648\u0644\u0627\u064b \u0628\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0646\u0633\u062e\u0629 \u0645\u062d\u0644\u064a\u0629 Local \u0645\u0646 \u0627\u0644\u062e\u0637 \u0644\u0647\u0627 \u0627\u0633\u0645 \u0645\u0634\u0627\u0628\u0629\u060c \u0641\u0625\u0646 \u0644\u0645 \u062a\u062c\u062f \u0641\u062a\u0642\u0648\u0645 \u0628\u0625\u0633\u062a\u062f\u0639\u0627\u0621 \u0627\u0644\u062e\u0637 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0648\u0639\u0631\u0636\u0647\u060c\u00a0\u0627\u0644\u062c\u0645\u064a\u0644 \u0647\u0646\u0627 \u00a0\u0623\u0646\u0651\u0647 \u0639\u0646\u062f\u0645\u0627 \u062a\u062f\u0631\u062c \u062e\u0637\u0627\u064b \u0645\u0627\u060c \u0648\u0644\u0643\u0646 \u0644\u0627 \u062a\u0633\u062a\u0639\u0645\u0644\u0647 \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u060c \u0641\u0625\u0646 \u0627\u0644\u0645\u062a\u0635\u0641\u062d <strong>\u0644\u0646 \u064a\u0633\u062a\u062f\u0639\u064a\u0647.<\/strong><\/p>\n<p dir=\"RTL\">\u0641\u0645\u062b\u0644\u0627\u064b \u0625\u0630\u0627 \u0642\u0645\u062a \u0628\u0625\u062f\u0631\u0627\u062c \u0627\u0644\u062e\u0637 &#8220;A&#8221;\u060c \u0648\u0623\u062f\u0631\u062c\u062a \u0645\u0646\u0647 \u0648\u0632\u0646\u064a\u0646 Bold \u0648 Normal- \u0639\u0627\u062f\u064a \u0648\u0633\u0645\u064a\u0643\u060c \u0648\u0644\u0643\u0646\u0643 \u0627\u0633\u062a\u0639\u0645\u0644\u062a \u0641\u064a \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0639\u0627\u062f\u064a\/Normal \u0641\u062d\u0633\u0628\u060c \u0641\u0625\u0646 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0633\u064a\u0633\u062a\u062f\u0639\u064a \u0627\u0644\u0648\u0632\u0646 \u0627\u0644\u0639\u0627\u062f\u064a\/Normal \u00a0\u0641\u0642\u0637 \u0648\u064a\u062a\u0631\u0643 \u0627\u0644\u0633\u0645\u064a\u0643\/Bold\u060c \u0644\u0643\u064a \u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0644\u0627\u0632\u0645\u064a\u0646 \u0644\u062a\u062d\u0645\u064a\u0644 \u0643\u0644 \u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.<\/p>\n<h2>\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a<\/h2>\n<h3><span style=\"color: #009cc0;\">6.1 Google chrome<\/span><\/h3>\n<p dir=\"RTL\">\u063a\u0648\u063a\u0644 \u0643\u0631\u0648\u0645 \u064a\u062d\u062a\u0648\u064a \u0645\u0634\u0643\u0644\u0629 \u0645\u0632\u0639\u062c\u0629 \u0642\u062f \u0644\u0627 \u064a\u0644\u0627\u062d\u0638\u0647\u0627 \u0627\u0644\u0643\u062b\u064a\u0631\u060c \u0648\u0647\u064a \u062a\u0638\u0647\u0631 \u0628\u0627\u0644\u062a\u062d\u062f\u064a\u062f \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a windows 7 \u0623\u0648 \u0623\u0639\u0644\u0649\u060c \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u062a\u0643\u0645\u0646 \u0641\u064a \u0623\u0646\u0651 \u0627\u0644\u062e\u0637\u0648\u0637 \u062a\u0638\u0647\u0631 \u0628\u0634\u0643\u0644 \u0633\u064a\u0621\u060c \u0648\u062d\u0648\u0627\u0641\u0647\u0627 \u0635\u0644\u0628\u0629 \u062c\u062f\u0627\u064b &#8230;<\/p>\n<figure id=\"attachment_7889\" aria-describedby=\"caption-attachment-7889\" style=\"width: 717px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7889\" src=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/03\/fontpreview-cross-browsers-colorslab.png\" alt=\"\u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u064a\u0646 \u0638\u0647\u0648\u0631 \u0627\u0644\u062e\u0637 \u0641\u064a \u0643\u0631\u0648\u0645 \u0648\u0641\u0627\u064a\u0631\u0641\u0648\u0643\u0633 \" width=\"717\" height=\"301\" srcset=\"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/fontpreview-cross-browsers-colorslab.png 717w, https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/fontpreview-cross-browsers-colorslab-457x192.png 457w, https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/fontpreview-cross-browsers-colorslab-165x69.png 165w\" sizes=\"auto, (max-width: 717px) 100vw, 717px\" \/><figcaption id=\"caption-attachment-7889\" class=\"wp-caption-text\">\u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u064a\u0646 \u0638\u0647\u0648\u0631 \u0627\u0644\u062e\u0637 \u0641\u064a \u0643\u0631\u0648\u0645 \u0648\u0641\u0627\u064a\u0631\u0641\u0648\u0643\u0633<\/figcaption><\/figure>\n<p dir=\"RTL\">\u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u063a\u064a\u0631 \u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a FireFox\u060c \u0648\u0623\u064a\u0636\u0627 \u0641\u064a IE \u0628\u0644 \u0641\u0642\u0637 \u0641\u064a \u0643\u0631\u0648\u0645\u060c \u0648\u0623\u064a\u0636\u0627\u064b \u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u0642\u0637 \u0639\u0646\u062f\u0645\u0627 \u062a\u0633\u062a\u0639\u0645\u0644 @font-face\u060c <strong>\u0627\u0644\u0633\u0628\u0628 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0647\u0648:<\/strong><\/p>\n<p dir=\"RTL\">\u0641\u064a \u0648\u064a\u0646\u062f\u0648\u0632 7 \u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u062e\u0627\u0635\u064a\u0629 \u062c\u062f\u064a\u062f\u0629\u060c \u062a\u0644\u0643 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u062a\u062f\u0639\u0649 DirectWrite \u0648\u0647\u064a \u062a\u0633\u062a\u0639\u0645\u0644 \u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0625\u0638\u0647\u0627\u0631\u0647\u0645 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644\u060c \u0641\u0627\u064a\u0631\u0641\u0648\u0643\u0633 \u0648 IE \u064a\u062f\u0639\u0645\u0648\u0646 \u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0635\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0646\u064a \u0638\u0647\u0648\u0631 \u0627\u0644\u062e\u0637 \u0644\u062f\u064a\u0647\u0645 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644\u060c \u0623\u0645\u0627 \u0643\u0631\u0648\u0645\u060c \u0641\u0647\u0648 \u0644\u0627 \u064a\u062f\u0639\u0645\u0647\u0627 \u0628\u0639\u062f\u060c \u0628\u0644 \u064a\u0633\u062a\u0639\u0645\u0644 \u0645\u062d\u0631\u0643 \u062e\u0637\u0648\u0637 \u0622\u062e\u0631\u060c \u0637\u0631\u062d\u062a \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0645\u0646\u0630 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0633\u0646\u062a\u064a\u0646 \u0641\u064a \u0642\u0633\u0645 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0644\u062f\u0649 \u0643\u0631\u0648\u0645\u064a\u0646\u064a\u0648\u0645\u00a0\u0648\u0627\u0644\u0641\u0631\u064a\u0642 \u064a\u0639\u0645\u0644 \u0639\u0644\u0649 \u062d\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0629\u060c \u0648\u062d\u0633\u0628 \u0643\u0644\u0627\u0645 \u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644 (\u0627\u0644\u0630\u064a \u064a\u0639\u0645\u0644 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u063a\u0648\u063a\u0644 \u0643\u0631\u0648\u0645) \u0641\u0625\u0646\u0647\u0645 \u064a\u0639\u0645\u0644\u0648\u0646 \u0639\u0644\u0649 \u062d\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0629\u060c \u0648\u0633\u064a\u062a\u0645 \u0637\u0631\u062d \u0627\u0644\u062d\u0644 \u0642\u0631\u064a\u0628\u0627 (\u0627\u0644\u0623\u063a\u0644\u0628 \u0641\u064a \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0642\u0627\u062f\u0645\u0629 \u0645\u0646 \u0643\u0631\u0648\u0645 34)\u060c\u00a0\u062a\u0645 \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0641\u064a chrome canary \u0648\u0627\u0644\u062d\u0644 \u0633\u064a\u0643\u0648\u0646 \u0642\u0631\u064a\u0628\u0627\u064b \u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0627\u0644\u0639\u0627\u062f\u064a.<\/p>\n<figure id=\"attachment_6579\" aria-describedby=\"caption-attachment-6579\" style=\"width: 521px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/03\/chrome-font-fix.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6579\" src=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/03\/chrome-font-fix.png\" alt=\"\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0643\u0644\u0629 \u0643\u0631\u0648\u0645 \u0641\u064a \u0646\u0633\u062e\u0629 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646\" width=\"521\" height=\"164\" \/><\/a><figcaption id=\"caption-attachment-6579\" class=\"wp-caption-text\">\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0643\u0644\u0629 \u0643\u0631\u0648\u0645 \u0641\u064a \u0646\u0633\u062e\u0629 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646<\/figcaption><\/figure>\n<p dir=\"RTL\">\u062d\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u062d\u0627\u0644\u064a\u0627 \u0645\u0645\u0643\u0646\u060c \u0648\u0647\u0648 \u0628\u0625\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0637 svg (\u0648\u0647\u0648 \u0644\u064a\u0633 \u062e\u0637\u0627\u064b \u0641\u064a \u0627\u0644\u0648\u0627\u0642\u0639) \u0644\u0643\u0646 \u0644\u0644\u0623\u0633\u0641\u060c \u0647\u0630\u0627 \u0627\u0644\u062e\u0637 \u0644\u0627 \u064a\u062f\u0639\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629!<\/p>\n<figure id=\"attachment_6577\" aria-describedby=\"caption-attachment-6577\" style=\"width: 569px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/03\/svgfontpreview.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6577\" src=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/03\/svgfontpreview.png\" alt=\"\" width=\"569\" height=\"189\" \/><\/a><figcaption id=\"caption-attachment-6577\" class=\"wp-caption-text\">\u062a\u0642\u0637\u0639 \u0627\u0644\u062d\u0631\u0648\u0641 \u0641\u064a \u062e\u0637 svg<\/figcaption><\/figure>\n<p dir=\"RTL\">\u0644\u0643\u0646 \u0647\u0630\u0627 \u0644\u0627 \u064a\u0645\u0646\u0639 \u0625\u0633\u062a\u0639\u0645\u0627\u0644 \u0647\u0630\u0627 \u0627\u0644\u062d\u0644 \u0645\u0639 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0644\u0627\u062a\u064a\u0646\u064a\u0629 \u0648\u062e\u0637\u0648\u0637 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a<\/p>\n<figure id=\"attachment_6578\" aria-describedby=\"caption-attachment-6578\" style=\"width: 569px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/03\/fonticon.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6578\" src=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/03\/fonticon.png\" alt=\"\" width=\"569\" height=\"189\" \/><\/a><figcaption id=\"caption-attachment-6578\" class=\"wp-caption-text\">\u0645\u0642\u0627\u0631\u0646\u0629 \u062e\u0637 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0637 svg \u0645\u0646 \u0639\u062f\u0645\u0647<\/figcaption><\/figure>\n<p dir=\"RTL\">\u0648\u0644\u0646\u0633\u062a\u0639\u0645\u0644 \u0627\u0644\u062e\u0637 \u0644\u0627 \u064a\u062c\u0628 \u0623\u0646 \u0646\u0632\u064a\u0644 \u0643\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0623\u062e\u0631\u0649 \u0648\u0646\u0628\u0642\u064a \u0639\u0644\u0649 svg \u0641\u062d\u0633\u0628\u060c \u0641\u0641\u064a \u062a\u0644\u0643 \u0627\u0644\u062d\u0627\u0644\u0629 FireFox \u0644\u0646 \u064a\u0638\u0647\u0631 \u0627\u0644\u062e\u0637\u060c \u0641\u0643\u0645\u0627 \u0642\u0644\u0646\u0627 \u0633\u0627\u0628\u0642\u0627\u064b \u0641\u0627\u064a\u0631\u0641\u0648\u0643\u0633 \u0644\u0627 \u064a\u062f\u0639\u0645 SVG\u060c\u00a0\u0648\u0644\u0627 \u0646\u0646\u0633\u0649 \u0623\u0646\u0651 \u062d\u062c\u0645 \u0627\u0644\u062e\u0637 \u0643\u0628\u064a\u0631 \u062c\u062f\u0627\u064b\u060c 4 \u0623\u0636\u0639\u0627\u0641. \u0648\u0646\u062d\u0646 \u0644\u0627 \u0646\u0631\u064a\u062f \u0623\u0646 \u0646\u062b\u0642\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0628\u062f\u0648\u0646 \u0641\u0627\u0626\u062f\u0629 (\u0645\u062b\u0644\u0627\u064b \u0645\u062a\u0635\u0641\u062d IE) \u00a0\u0644\u0630\u0627 \u0639\u0644\u064a\u0646\u0627 \u0623\u0646 \u0646\u0633\u062a\u0647\u062f\u0641 \u063a\u0648\u063a\u0644 \u0643\u0631\u0648\u0645 \u0641\u062d\u0633\u0628 \u0648\u0647\u064a \u0628\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u062a\u0627\u0644\u064a \u0628\u0639\u062f \u0627\u0644\u0639\u0628\u0627\u0631\u0629 \u0627\u0644\u0623\u0635\u0644\u064a\u0629:-<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container css vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/>4<br \/>5<br \/>6<br \/>7<br \/>8<br \/><\/div><\/td><td><div class=\"css codecolorer\"><span class=\"re2\">@media<\/span> screen and <span class=\"br0\">&#40;<\/span>-webkit-min-device-pixel-ratio<span class=\"sy0\">:<\/span><span class=\"nu0\">0<\/span><span class=\"br0\">&#41;<\/span> <span class=\"br0\">&#123;<\/span><br \/>\n<span class=\"re2\">@font-face<\/span> <span class=\"br0\">&#123;<\/span><br \/>\n<span class=\"kw1\">font-family<\/span><span class=\"sy0\">:<\/span> <span class=\"st0\">'Icon Font'<\/span><span class=\"sy0\">;<\/span><br \/>\nsrc<span class=\"sy0\">:<\/span> <span class=\"kw3\">url<\/span><span class=\"br0\">&#40;<\/span><span class=\"st0\">'..\/fonts\/font-name.svg?#font'<\/span><span class=\"br0\">&#41;<\/span> format<span class=\"br0\">&#40;<\/span><span class=\"st0\">'svg'<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span><br \/>\n<span class=\"kw1\">font-weight<\/span><span class=\"sy0\">:<\/span> <span class=\"kw2\">normal<\/span><span class=\"sy0\">;<\/span><br \/>\n<span class=\"kw1\">font-style<\/span><span class=\"sy0\">:<\/span> <span class=\"kw2\">normal<\/span><span class=\"sy0\">;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"RTL\">\u0645\u0627 \u062a\u0642\u0648\u0645 \u0628\u0647 \u0639\u0628\u0627\u0631\u0629 @media \u0647\u064a \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u0630\u064a \u0628\u062f\u0627\u062e\u0644\u0647\u0627 \u0625\u0630\u0627 \u062a\u062d\u0642\u0642 \u0627\u0644\u0634\u0631\u0637\u060c \u0648\u0647\u064a \u0645\u062c\u0631\u062f \u062c\u0645\u0644\u0629 \u0639\u0634\u0648\u0627\u0626\u064a\u0629 \u062a\u0639\u0645\u0644 \u0641\u064a \u0643\u0631\u0648\u0645 \u0641\u062d\u0633\u0628<\/p>\n<h3><span style=\"color: #009cc0;\">7.2 Mozilla Firefox<\/span><\/h3>\n<p dir=\"RTL\">\u0646\u0623\u062a\u064a \u0644\u0635\u062f\u064a\u0642\u0646\u0627 \u0627\u0644\u0639\u0632\u064a\u0632 FireFox\u060c \u0641\u0628\u0627\u0644\u0631\u063a\u0645 \u0643\u0648\u0646\u0647 \u064a\u0639\u0627\u0644\u062c \u0627\u0644\u062e\u0637 \u0628\u0637\u0631\u064a\u0642\u0629 \u0631\u0627\u0626\u0639\u0629 \u0644\u064a\u0638\u0647\u0631 \u0628\u0634\u0643\u0644 \u062c\u0645\u064a\u0644\u060c \u0625\u0644\u0627 \u0623\u0646\u00a0\u0641\u0627\u064a\u0631\u0641\u0648\u0643\u0633 \u0644\u062f\u064a\u0647 \u0645\u0634\u0643\u0644\u062a\u0627\u0646 \u0623\u062e\u0631\u064a\u062a\u0627\u0646:-<\/p>\n<ol>\n<li>\u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0647\u064a \u0623\u0646\u0651\u0647 \u0644\u0627 \u064a\u062f\u0639\u0645 SVG \u0648\u0646\u062d\u0646 \u0627\u0644\u0622\u0646 \u0644\u0646 \u0646\u0646\u0627\u0642\u0634\u0647\u0627.<\/li>\n<li>\u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u062a\u0638\u0647\u0631 \u0639\u0646\u062f\u0645\u0627 \u062a\u0642\u0648\u0645 \u0628\u0625\u0633\u062a\u0636\u0627\u0641\u0629 \u0627\u0644\u062e\u0637 \u0641\u064a \u0645\u0648\u0642\u0639 \u0622\u062e\u0631.<\/li>\n<\/ol>\n<p dir=\"RTL\">\u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u062a\u0638\u0647\u0631 \u0639\u0646\u062f\u0645\u0627 \u062a\u0631\u063a\u0628 \u0641\u064a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u062d\u062f\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0640CDN \u062d\u064a\u062b \u062a\u0636\u0639 \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0627\u064a\u0644 CSS \u0648\u0627\u0644\u0635\u0648\u0631 \u0639\u0644\u0649 \u0633\u064a\u0631\u0641\u0631 \u0622\u062e\u0631 \u063a\u064a\u0631 \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0639\u0644\u064a\u0647 \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0641\u0644\u0646\u0642\u0644 \u0645\u062b\u0644\u0627\u064b \u0623\u0646\u0651\u0643 \u062a\u0645\u0644\u0643 \u0645\u0648\u0642\u0639 <strong>&#8220;A&#8221;<\/strong> \u0648\u0631\u0627\u0628\u0637\u0647 \u0647\u0648 \u0643\u0627\u0644\u062a\u0627\u0644\u064a <a href=\"http:\/\/www.site-a.com\/\">www.site-a.com<\/a> \u0648\u0644\u062f\u064a\u0643 \u0645\u0648\u0642\u0639 \u0622\u062e\u0631 \u0648\u0644\u064a\u0643\u0646 <strong>&#8220;CDN&#8221;<\/strong> \u0631\u0627\u0628\u0637\u0647 <a href=\"http:\/\/www.site-b.com\/\">www.CDN.com<\/a> \u0648\u0623\u0646\u062a \u062a\u0636\u0639 \u0627\u0644\u062e\u0637\u0648\u0637 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0645\u0648\u0642\u0639 <strong>&#8220;CDN&#8221;<\/strong> \u0648\u062a\u0631\u064a\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0641\u064a\u00a0<strong>&#8220;A&#8221;\u060c\u00a0<\/strong>\u0641\u064a \u0645\u062a\u0635\u0641\u062d \u0622\u062e\u0631\u060c \u0633\u064a\u0639\u0645\u0644 \u0627\u0644\u0623\u0645\u0631 \u0628\u0643\u0644 \u0633\u0644\u0627\u0633\u0629. \u0648\u0633\u064a\u0638\u0647\u0631 \u0627\u0644\u062e\u0637 \u0627\u0644\u0630\u064a \u0631\u0628\u0637\u062a\u0647 \u0623\u0646\u062a \u0645\u0646 <strong>&#8220;CDN<\/strong>\u00a0\u0625\u0644\u0649\u00a0<strong>&#8220;A&#8221;\u060c\u00a0<\/strong>\u0623\u0645\u0627 \u0641\u064a \u0641\u0627\u064a\u0631\u0641\u0648\u0643\u0633\u060c \u0641\u0627\u0644\u062e\u0637 \u0644\u0646 \u064a\u0639\u0645\u0644\u060c \u0648\u0627\u0644\u0633\u0628\u0628 \u0647\u0648 \u0623\u0646\u0651\u0647 \u0644\u0627 \u064a\u0633\u0645\u062d \u0628\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 \u0645\u0646 \u0645\u0635\u062f\u0631 \u062e\u0627\u0631\u062c\u064a\u060c \u062a\u062f\u0639\u0649 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0628\u0640 \u00a0(<a href=\"https:\/\/developer.mozilla.org\/en\/docs\/HTTP\/Access_control_CORS\">CORS headers<\/a>) \u0648\u0647\u064a \u0623\u0646\u0651\u0647 \u064a\u0645\u0646\u0639 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629.<\/p>\n<p dir=\"RTL\">\u0644\u062d\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u064a\u062c\u0628 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0639\u0644\u0649 \u0645\u0644\u0641 .htaccess \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0630\u064a \u064a\u0642\u062f\u0645 \u0627\u0644\u062e\u0637\u0648\u0637 &#8220;\u0645\u0648\u0642\u0639 <strong>&#8220;CDN&#8221;<\/strong>\u00a0\u0641\u064a \u062d\u0627\u0644\u062a\u0646\u0627&#8221;<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container css vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/><\/div><\/td><td><div class=\"css codecolorer\">&amp;lt<span class=\"sy0\">;<\/span>filesmatch <span class=\"st0\">&quot;.(ttf|otf|eot|woff)$&quot;<\/span>&amp;gt<span class=\"sy0\">;<\/span><br \/>\n<br \/>\nHeader set Access-Control-Allow-Origin <span class=\"st0\">&quot;*&quot;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"RTL\">\u064a\u0645\u0643\u0646 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0646\u062c\u0645\u0629 \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0628\u064a\u0646 \u0639\u0644\u0627\u0645\u062a\u064a\u0651 \u0627\u0642\u062a\u0628\u0627\u0633 \u0625\u0644\u0649 \u0631\u0627\u0628\u0637 \u0645\u0648\u0642\u0639\u0643 \u0644\u0645\u0646\u0639 \u0623\u064a\u0651 \u0634\u062e\u0635 \u0622\u062e\u0631 \u0645\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062e\u0637\u0648\u0637.<\/p>\n<p dir=\"RTL\">\u0648\u064a\u062c\u0628 \u0623\u064a\u0636\u0627\u064b \u062a\u063a\u064a\u064a\u0631 \u0634\u064a\u0621 \u0622\u062e\u0631 \u0648\u0647\u0648 \u0645\u0633\u0627\u0631 \u0627\u0644\u062e\u0637\u0648\u0637\u060c \u0641\u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0648\u0646 \u0627\u0644\u0645\u0633\u0627\u0631 \u0645\u062b\u0644\u0627\u064b:-<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container css vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"css codecolorer\"><span class=\"kw3\">url<\/span><span class=\"br0\">&#40;<\/span><span class=\"st0\">'..\/fonts\/font-name.svg?#font'<\/span><span class=\"br0\">&#41;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"RTL\">\u0641\u0627\u0644\u062d\u0644 \u0644\u0646 \u064a\u0639\u0645\u0644 \u0647\u0643\u0630\u0627\u060c \u0648\u0627\u0644\u0623\u062d\u0633\u0646 \u062a\u063a\u064a\u064a\u0631\u0647 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u0637\u0644\u0642:-<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container css vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"css codecolorer\"><span class=\"kw3\">url<\/span><span class=\"br0\">&#40;<\/span><span class=\"st0\">'www.site-b.com\/fonts\/font-name.svg?#font'<\/span><span class=\"br0\">&#41;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<h2>\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062e\u0637\u0648\u0637<\/h2>\n<p dir=\"RTL\">\u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646\u0627 \u0644\u0627 \u064a\u062c\u062f \u062e\u0637\u0648\u0637 \u0639\u0631\u0628\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u062a\u0646\u0627\u0633\u0628\u0647\u060c \u0648\u0627\u0644\u0628\u0639\u0636 \u0627\u0644\u0622\u062e\u0631 \u064a\u0631\u064a\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 \u0627\u0644\u062c\u0645\u064a\u0644\u0629 \u0641\u064a \u0645\u0648\u0642\u0639\u0647 (\u0645\u062b\u0644\u064a \u0623\u0646\u0627) \u0644\u0643\u0646 \u0644\u0627 \u064a\u062c\u062f \u0637\u0631\u064a\u0642\u0629 \u0622\u0645\u0646\u0629 \u0644\u0648\u0636\u0639\u0647\u0627\u060c \u0644\u0623\u0646\u0651\u0647 \u0628\u0645\u0627 \u0623\u0646\u0651 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u064a\u0631\u0649 \u0627\u0644\u062e\u0637\u0648\u0637 \u0623\u0645\u0627\u0645\u0647 \u0641\u0647\u0630\u0627 \u064a\u0639\u0646\u064a \u0623\u0646\u0651\u0647 \u064a\u0633\u062a\u0637\u064a\u0639 \u062a\u062d\u0645\u064a\u0644\u0647\u060c \u0625\u0630\u0627 \u0633\u062a\u0643\u0648\u0646 \u0647\u0646\u0627\u0643 \u0645\u0634\u0643\u0644\u0629 &#8220;\u0627\u0644\u062d\u0642\u0648\u0642&#8221;\u060c \u062d\u064a\u062b \u0623\u0646 \u0643\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 \u0644\u0627 \u062a\u0633\u0645\u062d \u0644\u0646\u0627 \u0628\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062e\u0637\u0648\u0637 \u0645\u0645\u0627 \u064a\u0639\u062a\u0628\u0631 \u0642\u0631\u0635\u0646\u0629\u060c \u0647\u0630\u0627 \u0627\u0644\u0623\u0645\u0631 \u0623\u0632\u0639\u062c\u0646\u064a \u0644\u0648\u0642\u062a \u0637\u0648\u064a\u0644 (\u0648\u0645\u0627\u0632\u0627\u0644 \u064a\u0632\u0639\u062c\u0646\u064a) \u0648\u0644\u0645 \u0623\u062c\u062f \u0644\u0644\u0622\u0646 \u062d\u0644\u0627\u064b \u0641\u0639\u0627\u0644\u0627\u064b \u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062e\u0637\u0648\u0637\u060c \u0647\u0646\u0627\u0643 \u0628\u0639\u0636 \u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u0645\u062a\u0641\u0631\u0642\u0629 \u0645\u0646 \u0628\u064a\u0646\u0647\u0627 \u0645\u062b\u0644\u0627\u064b \u0631\u0628\u0637 \u062e\u0637 EOT \u0628\u0645\u0648\u0642\u0639 \u0648\u0627\u062d\u062f \u0645\u0645\u0627 \u064a\u0639\u0646\u064a \u0639\u062f\u0645 \u0627\u0633\u062a\u0639\u0645\u0627\u0644\u0647 \u0641\u064a \u0645\u0643\u0627\u0646 \u0622\u062e\u0631. \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u062d\u0644 \u0627\u0644\u0631\u0627\u0626\u0639 \u0645\u0646 \u0645\u0627\u064a\u0643\u0631\u0648\u0633\u0648\u0641\u062a \u0647\u0648 \u0623\u0646\u0651 \u0627\u0644\u0627\u0645\u062a\u062f\u0627\u062f \u063a\u064a\u0631 \u0645\u062f\u0639\u0648\u0645 \u0641\u064a \u0623\u064a\u0651 \u0645\u062a\u0635\u0641\u062d \u0622\u062e\u0631 \u0639\u062f\u0627 \u0645\u062a\u0635\u0641\u062d IE!<\/p>\n<p dir=\"RTL\">\u0628\u0639\u0636 <a href=\"http:\/\/blog.typekit.com\/2009\/07\/21\/serving-and-protecting-fonts-on-the-web\/\">\u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u0623\u062e\u0631\u0649<\/a> \u0627\u0644\u0645\u0639\u0642\u062f\u0629 \u0645\u062b\u0644 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062e\u062f\u0645\u0647\u0627 \u062e\u062f\u0645\u0627\u062a \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 (<a title=\"Typekit\" href=\"https:\/\/typekit.com\/\">TypeKit<\/a>) \u062a\u0633\u062a\u062e\u062f\u0645 \u0639\u062f\u0629 \u0637\u0628\u0642\u0627\u062a \u062d\u0645\u0627\u064a\u0629 \u0648\u062a\u0638\u0644\u064a\u0644 \u0644\u0644\u062d\u062f \u0645\u0646 \u0645\u062d\u0627\u0648\u0644\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u062e\u0637\u0648\u0637.<\/p>\n<p dir=\"RTL\">\u0633\u0623\u0633\u062a\u0639\u0631\u0636 \u0647\u0646\u0627 \u0637\u0631\u064a\u0642\u0629 \u0628\u0633\u064a\u0637\u0629 \u0637\u0631\u062d\u0647\u0627 \u0623\u062d\u062f \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0641\u064a \u0645\u062c\u062a\u0645\u0639 \u0645\u0648\u0632\u064a\u0644\u0627\u060c \u0648\u0641\u064a \u0627\u0644\u0623\u063a\u0644\u0628 \u0633\u062a\u0645\u0646\u0639 \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0639\u062f\u064a\u0645\u064a \u062e\u0628\u0631\u0629 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0645\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u062e\u0637.<\/p>\n<p dir=\"RTL\">\u0641\u064a \u0645\u0644\u0641 .htaccess \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0641\u064a \u0645\u062c\u0644\u062f \u0627\u0644\u062e\u0637\u0648\u0637 (\u0625\u0646 \u0644\u0645 \u064a\u0643\u0646 \u0645\u0648\u062c\u0648\u062f\u0627\u064b\u060c \u0627\u0635\u0646\u0639\u0648\u0627 \u0648\u0627\u062d\u062f\u0627)<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container css vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/>4<br \/>5<br \/>6<br \/>7<br \/><\/div><\/td><td><div class=\"css codecolorer\">&lt;\/pre<span class=\"sy0\">&gt;<\/span><br \/>\nRewriteEngine On<br \/>\nRewriteCond <span class=\"st0\">&quot;%{HTTP_HOST}_%{HTTP_REFERER}&quot;<\/span> <span class=\"st0\">&quot;!\\.?([^\\.]+\\.[^\\.]+?)_https?:\/\/.*<span class=\"es2\">\\1<\/span>\/.*$&quot;<\/span><br \/>\nRewriteRule \\.<span class=\"br0\">&#40;<\/span>woff|eot|ttf<span class=\"br0\">&#41;<\/span>$ - <span class=\"br0\">&#91;<\/span>F<span class=\"sy0\">,<\/span>NC<span class=\"sy0\">,<\/span>L<span class=\"br0\">&#93;<\/span><br \/>\nRewriteCond %<span class=\"br0\">&#123;<\/span>HTTP_REFERER<span class=\"br0\">&#125;<\/span> !<span class=\"sy0\">^<\/span>$<br \/>\nOptions -Indexes<br \/>\n&lt;pre<span class=\"sy0\">&gt;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"RTL\">\u0633\u064a\u0645\u0646\u0639 \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u0633\u0627\u0628\u0642 \u0623\u064a\u0651 \u0634\u062e\u0635 \u0645\u0646 \u0627\u0644\u0631\u0628\u0637 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0644\u0644\u062e\u0637\u0648\u0637 \u0641\u064a \u0645\u0648\u0642\u0639\u0647\u060c \u0623\u0648 \u062d\u062a\u0649 \u062a\u062d\u0645\u064a\u0644\u0647\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u060c \u063a\u064a\u0651\u0631 domain \u0628\u0627\u0633\u0645 \u0645\u0648\u0642\u0639\u0643 \u0648 com \u0628\u0627\u0645\u062a\u062f\u0627\u062f\u0647.<\/p>\n<h2>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062e\u0637\u0648\u0637<\/h2>\n<p dir=\"RTL\">\u0648\u0635\u0644\u0646\u0627 \u0644\u0644\u062c\u0632\u0621 \u0627\u0644\u0631\u0627\u0626\u0639\u060c \u0639\u0627\u062f\u0629 \u062e\u0637\u0648\u0637 \u0627\u0644\u0648\u064a\u0628 \u0646\u0627\u062f\u0631\u0629 \u0623\u0648 \u0642\u0644\u064a\u0644\u0629 \u062c\u062f\u0627\u064b \u0648\u0644\u0627 \u0646\u062c\u062f \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0645\u0646\u0647\u0627 \u0644\u0644\u0648\u064a\u0628 \u0625\u0644\u0627 \u0646\u0627\u062f\u0631\u0627\u064b\u060c \u0644\u0643\u0646 \u062d\u0633\u0628 \u0627\u0644\u0646\u0638\u0631\u064a\u0629\u060c \u0623\u064a\u0651 \u062e\u0637 \u062d\u0627\u0633\u0648\u0628 \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u0639\u0645\u0627\u0644\u0647 \u0643\u062e\u0637 \u0648\u064a\u0628\u060c \u0637\u0628\u0639\u0627\u064b \u064a\u0645\u0643\u0646\u0643 \u0645\u0628\u0627\u0634\u0631\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0645\u062a\u062f\u0627\u062f TTF \u0648\u0644\u0643\u0646 \u0643\u0645\u0627 \u0642\u0644\u0646\u0627 \u0647\u0646\u0627\u0643 \u0645\u062a\u0635\u0641\u062d\u0627\u062a \u062a\u0642\u0641 \u0639\u0642\u0628\u0629 \u0623\u0645\u0627\u0645\u0646\u0627\u060c \u0644\u0630\u0627 \u0646\u0633\u062a\u062e\u062f\u0645 \u0639\u062f\u062f\u0627\u064b \u0645\u0646 \u0627\u0644\u0625\u0645\u062a\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0644\u062e\u0637\u0648\u0637\u060c \u0641\u0631\u0628\u0645\u0627 \u0646\u0631\u064a\u062f \u0625\u0633\u062a\u062e\u062f\u0627\u0645 WOFF \u0641\u062d\u0633\u0628\u060c \u0648\u0644\u0643\u0646 \u0644\u0627 \u0646\u0639\u0631\u0641 \u0643\u064a\u0641 \u0646\u062d\u0648\u0644\u0647.<\/p>\n<p dir=\"RTL\"><a href=\"http:\/\/www.fontsquirrel.com\/tools\/webfont-generator\">font squirrel<\/a> \u0645\u0648\u0642\u0639 \u0631\u0627\u0626\u0639 \u064a\u0642\u062f\u0645 \u062e\u062f\u0645\u0629 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0646\u0634\u0631\u0647\u0627 \u0648\u0625\u0639\u0637\u0627\u0621\u0647\u0627 \u0644\u0643 \u0628\u0634\u0643\u0644 \u062c\u0627\u0647\u0632\u060c \u0645\u0627 \u064a\u0639\u0646\u064a \u0623\u0646\u0651 \u0645\u0644\u0641 \u0627\u0644\u0633\u062a\u0627\u064a\u0644 \u064a\u0643\u0648\u0646 \u0645\u0639\u062f\u0627\u064b \u0645\u0633\u0628\u0642\u0627\u064b\u060c \u0648\u0645\u0627 \u0639\u0644\u064a\u0643 \u0633\u0648\u0649 \u0631\u0628\u0637\u0647 \u0628\u0645\u0648\u0642\u0639\u0643<\/p>\n<blockquote>\n<p dir=\"RTL\">\u0627\u062e\u062a\u0627\u0631\u0648\u0627 \u062e\u064a\u0627\u0631 basic \u0644\u062a\u0638\u0647\u0631 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d<\/p>\n<\/blockquote>\n<p dir=\"RTL\">\u0643\u0645\u0627 \u0623\u064a\u0636\u0627\u064b \u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u0631\u0646\u0627\u0645\u062c <a href=\"http:\/\/fontforge.org\/\">FontForge<\/a> \u0645\u0639 \u0623\u0646\u0651\u0647 \u0628\u062f\u0627 \u0645\u0639\u0642\u062f\u0627\u064b \u0632\u064a\u0627\u062f\u0629 \u0644\u064a\u060c \u0644\u0643\u0646\u0647 \u0642\u062f \u064a\u0644\u0628\u064a \u062d\u0627\u062c\u062a\u0643\u0645.<\/p>\n<p dir=\"RTL\">\u0641\u064a \u0627\u0644\u0646\u0647\u0627\u064a\u0629 \u0646\u0633\u062a\u0646\u062a\u062c \u0623\u0646\u0651 \u062e\u0627\u0635\u064a\u0629 font-face@ \u0643\u0627\u0646\u062a \u0641\u064a \u0627\u0644\u0648\u0627\u0642\u0639 \u0623\u0634\u0628\u0647 \u0628\u0635\u0646\u062f\u0648\u0642 \u0645\u063a\u0644\u0642 \u0641\u0646\u062d\u0646 \u0643\u0646\u0627 \u0646\u0646\u0633\u062e \u0631\u0627\u0628\u0637\u0627\u064b \u0645\u0646 \u063a\u0648\u063a\u0644 \u0648\u0646\u063a\u064a\u0631 \u0627\u0644\u062e\u0637 \u0641\u062d\u0633\u0628. \u0627\u0644\u0622\u0646 \u0646\u0633\u062a\u0637\u064a\u0639 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0639\u0646 \u0641\u0647\u0645 \u0648\u062f\u0631\u0627\u064a\u0629 \u0628\u0643\u0644 \u062e\u0628\u0627\u064a\u0627\u0647\u0627 \u0648\u0637\u0631\u0642 \u062d\u0644 \u0645\u0634\u0627\u0643\u0644\u0647\u0627.<\/p>\n","protected":false},"excerpt":{"rendered":"<p dir=\"RTL\">\u062e\u0637\u0648\u0637 \u0627\u0644\u0648\u064a\u0628 Web Fonts \u0647\u064a \u0631\u0648\u062d \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0627\u0644\u0628\u0639\u0636 \u064a\u0639\u062a\u0642\u062f \u0623\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0647\u0648 \u0639\u0628\u0627\u0631\u0629 \u0639\u0646 95% \u0645\u0646\u0647 &#8220;\u0625\u0633\u062a\u062e\u062f\u0627\u0645 \u062c\u064a\u062f \u0644\u0644\u062e\u0637\u0648\u0637&#8221; \u0648\u0627\u0644\u0640 5% \u0627\u0644\u0628\u0627\u0642\u064a\u0629 \u0647\u064a \u0644\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062c\u064a\u062f \u0644\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0625\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u0633\u060c \u0627\u0644\u0648\u0639\u064a \u0628\u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0637\u0648\u0637 \u0627\u0644\u0648\u064a\u0628 \u0623\u0635\u0628\u062d \u0623\u0645\u0631\u0627\u064b \u0636\u0631\u0648\u0631\u064a\u0627\u064b \u0648\u062c\u0632\u0621\u0627\u064b \u0643\u0628\u064a\u0631\u0627\u064b \u0645\u0646 \u062b\u0642\u0627\u0641\u0629 \u0645\u0635\u0645\u0645 \u0648\u0645\u0637\u0648\u0631 \u0627\u0644\u0648\u064a\u0628 \u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0633\u062a\u0647\u0627\u0646\u0629 \u0628\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0627\u0637\u0644\u0627\u0642\u060c \u0627\u062d\u062f\u0649 \u0637\u0631\u0642 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062e\u0637\u0648\u0637 \u0641\u064a \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0647\u0648 \u0639\u0628\u0631 \u062e\u0627\u0635\u064a\u0629\u00a0@font-face \u0648\u0627\u0644\u062a\u064a \u0633\u062a\u0646\u062a\u0627\u0648\u0644\u0647\u0627 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644 \u0641\u064a \u0627\u0644\u0633\u0637\u0648\u0631 \u0627\u0644\u0642\u0627\u062f\u0645\u0629 &#8230;<\/p>\n<p dir=\"RTL\">\u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0645\u0635\u0645\u0645\u064a \u0648\u0645\u0637\u0648\u0631\u064a \u0627\u0644\u0648\u064a\u0628 \u0642\u062f \u064a\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u062e\u0627\u0635\u064a\u0629 @font-face \u0628\u062f\u0648\u0646 \u062f\u0631\u0627\u064a\u0629 \u0643\u0627\u0641\u064a\u0629 \u0644\u062e\u0628\u0627\u064a\u0627 \u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0635\u064a\u0629\u060c <a title=\"Google Fonts\" href=\"https:\/\/www.google.com\/fonts\">Google Web Fonts<\/a> \u062a\u0633\u062a\u0639\u0645\u0644 \u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0641\u064a \u062e\u0637\u0648\u0637\u0647\u0627 \u0644\u0646\u062f\u0631\u062c\u0647\u0627 \u0641\u064a \u0645\u0648\u0627\u0642\u0639\u0646\u0627\u060c \u0648\u062d\u064a\u062b \u0623\u0646\u0651 \u063a\u0648\u063a\u0644 \u062a\u0648\u0641\u0631 \u0639\u0644\u064a\u0646\u0627 \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u0621 \u0641\u0647\u064a \u062a\u0648\u0641\u0631 \u0644\u0646\u0627 \u0631\u0627\u0628\u0637\u0627\u064b \u0645\u0628\u0627\u0634\u0631\u0627\u064b \u0646\u0631\u0628\u0637\u0647 \u0641\u064a \u0645\u0644\u0641 style.css \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627\u060c \u0641\u0642\u062f \u062d\u0627\u0646 \u0627\u0644\u0648\u0642\u062a \u0644\u0646\u062a\u0639\u0645\u0642 \u0623\u0643\u062b\u0631 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0644\u0643\u064a \u0646\u0633\u062a\u0637\u064a\u0639 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u0623\u064a\u0651 \u062e\u0637 \u0646\u0631\u064a\u062f\u0647 (\u0648\u0646\u062a\u0648\u0642\u0641 \u0639\u0646 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u062e\u0637 <a title=\"Droid Arabic Kufi (Arabic)\" href=\"https:\/\/www.google.com\/fonts\/earlyaccess\">\u0627\u0644\u0643\u0648\u0641\u064a<\/a> \u0641\u064a \u0643\u0644 \u0634\u064a\u0621!)<\/p>\n<p dir=\"RTL\">\u0645\u0646\u0630 \u0645\u062f\u0629 \u0642\u0631\u0631\u062a \u0623\u0646 \u0623\u0642\u0648\u0645 \u0628\u0645\u0634\u0631\u0648\u0639 \u0645\u0627\u060c \u0648\u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0639\u0644\u0627\u0642\u0629 \u0642\u0648\u064a\u0629 \u0628\u062e\u0637\u0648\u0637 \u0627\u0644\u0648\u064a\u0628 (\u0644\u0627\u0632\u0627\u0644 \u0627\u0644\u0639\u0645\u0644 \u0633\u0627\u0631\u064a\u0627 \u0639\u0644\u064a\u0647) \u0648\u0644\u0623\u0633\u062a\u0645\u0631 \u0641\u064a\u0647\u060c \u0643\u0627\u0646 \u0639\u0644\u064a\u0651 \u0623\u0646 \u0623\u0641\u0647\u0645 \u0623\u0645\u0631 \u0625\u062f\u0631\u0627\u062c \u0627\u0644\u062e\u0637\u0648\u0637 \u0628\u0627\u0633\u062a\u0639\u0645\u0627\u0644 font-face \u0628\u0634\u0643\u0644 \u062c\u064a\u062f\u060c \u0648\u0647\u0630\u0647 \u0627\u0644\u0645\u0642\u0627\u0644\u0629 \u0633\u062a\u0639\u0631\u0636 \u0644\u0643\u0645 \u0639\u0635\u0627\u0631\u0629 \u0627\u0644\u0623\u0628\u062d\u0627\u062b \u0648\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u0642\u0631\u0623\u062a\u0647\u0627\u060c \u0648\u0644\u062a\u0639\u0637\u064a\u0643\u0645 \u0646\u0638\u0631\u0629 \u0623\u0648\u0633\u0639 \u0639\u0644\u064a\u0647\u0627 &#8230;<\/p>\n","protected":false},"author":16,"featured_media":7888,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[601],"class_list":["post-6572","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1","tag-comprehensive-guide"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 @ font-face - \u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646<\/title>\n<meta name=\"description\" content=\"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 font-face \u0648\u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0648\u062a\u0641\u0627\u0635\u064a\u0644\u0647\u0627 \u0648\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0627\u0643\u0644\u0647\u0627\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 @ font-face - \u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646\" \/>\n<meta property=\"og:description\" content=\"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 font-face \u0648\u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0648\u062a\u0641\u0627\u0635\u064a\u0644\u0647\u0627 \u0648\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0627\u0643\u0644\u0647\u0627\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646\" \/>\n<meta property=\"article:published_time\" content=\"2014-03-11T21:08:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-05-14T15:38:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/deep-look-on-@-font-face-for-css-colorslab.png\" \/>\n\t<meta property=\"og:image:width\" content=\"457\" \/>\n\t<meta property=\"og:image:height\" content=\"539\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"\u0646\u0630\u064a\u0631\" \/>\n<meta name=\"twitter:label1\" content=\"\u0643\u064f\u062a\u0628 \u0628\u0648\u0627\u0633\u0637\u0629\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u0646\u0630\u064a\u0631\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data2\" content=\"\u062f\u0642\u064a\u0642\u062a\u0627\u0646\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/deepview-about-font-face\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/deepview-about-font-face\\\/\"},\"author\":{\"name\":\"\u0646\u0630\u064a\u0631\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/#\\\/schema\\\/person\\\/8f5f08f0e2246b6f5a9611d4f27f848e\"},\"headline\":\"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 @ font-face\",\"datePublished\":\"2014-03-11T21:08:22+00:00\",\"dateModified\":\"2016-05-14T15:38:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/deepview-about-font-face\\\/\"},\"wordCount\":230,\"commentCount\":32,\"image\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/deepview-about-font-face\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/03\\\/deep-look-on-@-font-face-for-css-colorslab.png\",\"keywords\":[\"\u062f\u0644\u064a\u0644 \u0634\u0627\u0645\u0644\"],\"articleSection\":[\"\u062a\u0635\u0645\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\"],\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/colorslab.com\\\/blog\\\/deepview-about-font-face\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/deepview-about-font-face\\\/\",\"url\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/deepview-about-font-face\\\/\",\"name\":\"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 @ font-face - \u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/deepview-about-font-face\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/deepview-about-font-face\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/03\\\/deep-look-on-@-font-face-for-css-colorslab.png\",\"datePublished\":\"2014-03-11T21:08:22+00:00\",\"dateModified\":\"2016-05-14T15:38:13+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/#\\\/schema\\\/person\\\/8f5f08f0e2246b6f5a9611d4f27f848e\"},\"description\":\"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 font-face \u0648\u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0648\u062a\u0641\u0627\u0635\u064a\u0644\u0647\u0627 \u0648\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0627\u0643\u0644\u0647\u0627\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/deepview-about-font-face\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/colorslab.com\\\/blog\\\/deepview-about-font-face\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/deepview-about-font-face\\\/#primaryimage\",\"url\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/03\\\/deep-look-on-@-font-face-for-css-colorslab.png\",\"contentUrl\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/03\\\/deep-look-on-@-font-face-for-css-colorslab.png\",\"width\":457,\"height\":539},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/deepview-about-font-face\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 @ font-face\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/\",\"name\":\"\u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646\",\"description\":\"\u0645\u0646\u0635\u0629 \u0645\u0639\u0631\u0641\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0639\u0646 \u0641\u0644\u0633\u0641\u064a\u0627\u062a \u0648\u0639\u0644\u0648\u0645 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0644\u0644\u0648\u064a\u0628\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/#\\\/schema\\\/person\\\/8f5f08f0e2246b6f5a9611d4f27f848e\",\"name\":\"\u0646\u0630\u064a\u0631\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4c430c3ccf88814a8182ae83525600c408db2b75d7dc811a46cfbbae5213a861?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4c430c3ccf88814a8182ae83525600c408db2b75d7dc811a46cfbbae5213a861?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4c430c3ccf88814a8182ae83525600c408db2b75d7dc811a46cfbbae5213a861?s=96&d=mm&r=g\",\"caption\":\"\u0646\u0630\u064a\u0631\"},\"description\":\"\u0645\u0635\u0645\u0645 \u0648\u064a\u0628\u060c \u0645\u0637\u0648\u0631 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633\u060c \u0645\u0647\u062a\u0645 \u0628\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0643\u062b\u064a\u0631\u0627\u060c \u0648\u0639\u0627\u0645\u0644 \u062d\u0631 \u0643\u0645\u0635\u0645\u0645 \u0642\u0648\u0627\u0644\u0628 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u0623\u0642\u0636\u064a \u064a\u0648\u0645\u064a \u0623\u062a\u0635\u0641\u062d \u0648\u0623\u0642\u0631\u0621 \u0648\u0623\u062c\u0631\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u0627\u0644\u062a\u0639\u0644\u0645\u060c \u062a\u0641\u0642\u062f\u0648\u0646\u064a \u0639\u0644\u0649 \u062a\u0648\u062a\u064a\u0631 @Se_Nadir\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/Se_Nadir\"],\"url\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/author\\\/nazeer\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 @ font-face - \u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646","description":"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 font-face \u0648\u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0648\u062a\u0641\u0627\u0635\u064a\u0644\u0647\u0627 \u0648\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0627\u0643\u0644\u0647\u0627","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/","og_locale":"ar_AR","og_type":"article","og_title":"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 @ font-face - \u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646","og_description":"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 font-face \u0648\u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0648\u062a\u0641\u0627\u0635\u064a\u0644\u0647\u0627 \u0648\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0627\u0643\u0644\u0647\u0627","og_url":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/","og_site_name":"\u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646","article_published_time":"2014-03-11T21:08:22+00:00","article_modified_time":"2016-05-14T15:38:13+00:00","og_image":[{"width":457,"height":539,"url":"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/deep-look-on-@-font-face-for-css-colorslab.png","type":"image\/png"}],"author":"\u0646\u0630\u064a\u0631","twitter_misc":{"\u0643\u064f\u062a\u0628 \u0628\u0648\u0627\u0633\u0637\u0629":"\u0646\u0630\u064a\u0631","\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"\u062f\u0642\u064a\u0642\u062a\u0627\u0646"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/#article","isPartOf":{"@id":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/"},"author":{"name":"\u0646\u0630\u064a\u0631","@id":"https:\/\/colorslab.com\/blog\/#\/schema\/person\/8f5f08f0e2246b6f5a9611d4f27f848e"},"headline":"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 @ font-face","datePublished":"2014-03-11T21:08:22+00:00","dateModified":"2016-05-14T15:38:13+00:00","mainEntityOfPage":{"@id":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/"},"wordCount":230,"commentCount":32,"image":{"@id":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/#primaryimage"},"thumbnailUrl":"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/deep-look-on-@-font-face-for-css-colorslab.png","keywords":["\u062f\u0644\u064a\u0644 \u0634\u0627\u0645\u0644"],"articleSection":["\u062a\u0635\u0645\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645"],"inLanguage":"ar","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/colorslab.com\/blog\/deepview-about-font-face\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/","url":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/","name":"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 @ font-face - \u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646","isPartOf":{"@id":"https:\/\/colorslab.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/#primaryimage"},"image":{"@id":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/#primaryimage"},"thumbnailUrl":"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/deep-look-on-@-font-face-for-css-colorslab.png","datePublished":"2014-03-11T21:08:22+00:00","dateModified":"2016-05-14T15:38:13+00:00","author":{"@id":"https:\/\/colorslab.com\/blog\/#\/schema\/person\/8f5f08f0e2246b6f5a9611d4f27f848e"},"description":"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 font-face \u0648\u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0648\u062a\u0641\u0627\u0635\u064a\u0644\u0647\u0627 \u0648\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0627\u0643\u0644\u0647\u0627","breadcrumb":{"@id":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colorslab.com\/blog\/deepview-about-font-face\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/#primaryimage","url":"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/deep-look-on-@-font-face-for-css-colorslab.png","contentUrl":"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/03\/deep-look-on-@-font-face-for-css-colorslab.png","width":457,"height":539},{"@type":"BreadcrumbList","@id":"https:\/\/colorslab.com\/blog\/deepview-about-font-face\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/colorslab.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u0646\u0638\u0631\u0629 \u0645\u0639\u0645\u0642\u0629 \u062d\u0648\u0644 \u062e\u0627\u0635\u064a\u0629 @ font-face"}]},{"@type":"WebSite","@id":"https:\/\/colorslab.com\/blog\/#website","url":"https:\/\/colorslab.com\/blog\/","name":"\u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646","description":"\u0645\u0646\u0635\u0629 \u0645\u0639\u0631\u0641\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0639\u0646 \u0641\u0644\u0633\u0641\u064a\u0627\u062a \u0648\u0639\u0644\u0648\u0645 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0644\u0644\u0648\u064a\u0628","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colorslab.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Person","@id":"https:\/\/colorslab.com\/blog\/#\/schema\/person\/8f5f08f0e2246b6f5a9611d4f27f848e","name":"\u0646\u0630\u064a\u0631","image":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/secure.gravatar.com\/avatar\/4c430c3ccf88814a8182ae83525600c408db2b75d7dc811a46cfbbae5213a861?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4c430c3ccf88814a8182ae83525600c408db2b75d7dc811a46cfbbae5213a861?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4c430c3ccf88814a8182ae83525600c408db2b75d7dc811a46cfbbae5213a861?s=96&d=mm&r=g","caption":"\u0646\u0630\u064a\u0631"},"description":"\u0645\u0635\u0645\u0645 \u0648\u064a\u0628\u060c \u0645\u0637\u0648\u0631 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633\u060c \u0645\u0647\u062a\u0645 \u0628\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0643\u062b\u064a\u0631\u0627\u060c \u0648\u0639\u0627\u0645\u0644 \u062d\u0631 \u0643\u0645\u0635\u0645\u0645 \u0642\u0648\u0627\u0644\u0628 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u0623\u0642\u0636\u064a \u064a\u0648\u0645\u064a \u0623\u062a\u0635\u0641\u062d \u0648\u0623\u0642\u0631\u0621 \u0648\u0623\u062c\u0631\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u0627\u0644\u062a\u0639\u0644\u0645\u060c \u062a\u0641\u0642\u062f\u0648\u0646\u064a \u0639\u0644\u0649 \u062a\u0648\u062a\u064a\u0631 @Se_Nadir","sameAs":["https:\/\/x.com\/Se_Nadir"],"url":"https:\/\/colorslab.com\/blog\/author\/nazeer\/"}]}},"views":5805,"_links":{"self":[{"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/posts\/6572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/comments?post=6572"}],"version-history":[{"count":59,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/posts\/6572\/revisions"}],"predecessor-version":[{"id":7890,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/posts\/6572\/revisions\/7890"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/media\/7888"}],"wp:attachment":[{"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/media?parent=6572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/categories?post=6572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/tags?post=6572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}