{"id":6226,"date":"2015-02-09T10:47:36","date_gmt":"2015-02-09T15:47:36","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/?p=6226"},"modified":"2015-11-03T10:10:58","modified_gmt":"2015-11-03T15:10:58","slug":"%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a7%a9-%e0%a6%93%e0%a7%9f%e0%a7%87%e0%a6%ac-%e0%a6%ab%e0%a6%a8%e0%a7%8d%e0%a6%9f-css3-web-fonts","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=6226","title":{"rendered":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 \u0993\u09df\u09c7\u09ac \u09ab\u09a8\u09cd\u099f (CSS3 Web Fonts)"},"content":{"rendered":"<p>Sheikh Mahfuzur Rahman<\/p>\n<p style=\"text-align: justify;\">\u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf \u09aa\u09be\u09ac\u09b2\u09bf\u09b6 \u09b9\u0993\u09df\u09be\u09b0 \u09aa\u09b0 \u09a5\u09c7\u0995\u09c7 \u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8\u09be\u09b0\u09a6\u09c7\u09b0 \u098f\u0996\u09a8 \u0986\u09b0 &#8220;\u0993\u09df\u09c7\u09ac \u09b8\u09c7\u0987\u09ab \u09ab\u09a8\u09cd\u099f\u09c7\u09b0&#8221; \u0989\u09aa\u09b0 \u09a8\u09bf\u0989\u09b0\u09cd\u09ad\u09b0 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df\u09a8\u09be\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf \u0993\u09df\u09c7\u09ac \u09ab\u09a8\u09cd\u099f \u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8\u09be\u09b0\u09a6\u09c7\u09b0 \u098f\u09ae\u09a8 \u09b8\u09ac \u09ab\u09a8\u09cd\u099f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be\u09b0 \u09b8\u09c1\u09af\u09cb\u0997 \u0995\u09b0\u09c7 \u09a6\u09c7\u09df \u09af\u09be \u0987\u0989\u099c\u09be\u09b0\u09a6\u09c7\u09b0 \u0995\u09ae\u09cd\u09aa\u09bf\u0989\u099f\u09be\u09b0\u09c7 \u0987\u09a8\u09cd\u09b8\u099f\u09b2 \u0995\u09b0\u09be \u09b9\u09df\u09a8\u09bf\u0964 \u09af\u0996\u09a8\u0987 \u0986\u09aa\u09a8\u09bf \u0993\u09df\u09c7\u09ac \u09aa\u09c7\u099c\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09cb\u09a8 \u09aa\u099b\u09a8\u09cd\u09a6\u09b8\u0987 \u09ab\u09a8\u09cd\u099f \u0996\u09c1\u0981\u099c\u09c7 \u09aa\u09be\u09ac\u09c7\u09a8 \u09ac\u09be \u0995\u09bf\u09a8\u09ac\u09c7\u09a8, \u09b6\u09c1\u09a7\u09c1 \u09ab\u09a8\u09cd\u099f \u09ab\u09be\u0987\u09b2\u099f\u09bf \u0993\u09df\u09c7\u09ac \u09b8\u09be\u09b0\u09cd\u09ad\u09be\u09b0\u09c7 \u0986\u09aa\u09b2\u09cb\u09a1 \u0995\u09b0\u09c7 \u09a6\u09c7\u09ac\u09c7\u09a8; \u098f\u099f\u09bf \u09af\u0996\u09a8\u0987 \u09aa\u09cd\u09b0\u09df\u09cb\u099c\u09a8 \u09b9\u09ac\u09c7 \u09a4\u0996\u09a8\u0987 \u0987\u0989\u099c\u09be\u09b0\u09c7\u09b0 \u09a1\u09bf\u09ad\u09be\u0987\u09b8\u09c7 \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 \u09b9\u09df\u09c7 \u09af\u09be\u09ac\u09c7\u0964<br \/>\n\u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf @font-face rule \u09b0\u09c1\u09b2\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09bf\u099c\u09c7\u09b0 \u09ab\u09a8\u09cd\u099f\u099f\u09bf \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09a4\u09c7 \u09a6\u09bf\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964<\/p>\n<p>&nbsp;<\/p>\n<h2>\u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f<\/h2>\n<p>\u09a8\u09bf\u099a\u09c7\u09b0 \u09a8\u09ae\u09cd\u09ac\u09b0\u0997\u09c1\u09b2\u09cb\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u098f\u0987 \u09a8\u09bf\u09df\u09ae\u099f\u09bf \u09aa\u09cd\u09b0\u09a5\u09ae \u09af\u09c7 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09ad\u09be\u09b0\u09cd\u09b6\u09a8\u0997\u09c1\u09b2\u09cb \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u09c7 \u09a4\u09be\u09b0 \u09a4\u09be\u09b2\u09bf\u0995\u09be \u09aa\u09cd\u09b0\u0995\u09be\u09b6 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0964<\/p>\n<table style=\"height: 122px;\" width=\"519\">\n<tbody>\n<tr>\n<td width=\"27%\"><strong>Property<\/strong><\/td>\n<td width=\"11%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_chrome.gif?resize=31%2C30\" alt=\"chrome\" width=\"31\" height=\"30\" \/><\/td>\n<td width=\"11%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_edge.gif?resize=28%2C30\" alt=\"edge\" width=\"28\" height=\"30\" \/><\/td>\n<td width=\"11%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_ie.gif?resize=31%2C30\" alt=\"ie\" width=\"31\" height=\"30\" \/><\/td>\n<td width=\"11%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_firefox.gif?resize=31%2C30\" alt=\"firefox\" width=\"31\" height=\"30\" \/><\/td>\n<td width=\"11%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_safari.gif?resize=28%2C30\" alt=\"safari\" width=\"28\" height=\"30\" \/><\/td>\n<td width=\"11%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_opera.gif?resize=28%2C30\" alt=\"opera\" width=\"28\" height=\"30\" \/><\/td>\n<\/tr>\n<tr>\n<td width=\"27%\">@font-face<\/td>\n<td width=\"11%\">\n<p style=\"text-align: center;\">4.0<\/p>\n<\/td>\n<td width=\"11%\">\n<p style=\"text-align: center;\">12.0<\/p>\n<\/td>\n<td width=\"11%\">\n<p style=\"text-align: center;\">9.0<\/p>\n<\/td>\n<td width=\"11%\">\n<p style=\"text-align: center;\">3.5<\/p>\n<\/td>\n<td width=\"11%\">\n<p style=\"text-align: center;\">3.2<\/p>\n<\/td>\n<td width=\"11%\">\n<p style=\"text-align: center;\">10.0<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h2>\u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u09ab\u09a8\u09cd\u099f \u09ab\u09b0\u09cd\u09ae\u09c7\u099f<\/h2>\n<p><strong>\u099f\u09cd\u09b0\u09c1\u099f\u09be\u0987\u09aa \u09ab\u09a8\u09cd\u099f (TTF)<\/strong><\/p>\n<p>\u0985\u09cd\u09af\u09be\u09aa\u09b2 \u0993 \u09ae\u09be\u0987\u0995\u09cd\u09b0\u09cb\u09b8\u09ab\u099f \u09e7\u09ef\u09ee\u09e6 \u09b8\u09be\u09b2\u09c7 \u09b8\u09b0\u09cd\u09ac\u09aa\u09cd\u09b0\u09a5\u09ae \u099f\u09cd\u09b0\u09c1\u099f\u09be\u0987\u09aa \u09ab\u09a8\u09cd\u099f \u09b8\u09cd\u099f\u09cd\u09af\u09be\u09a8\u09cd\u09a1\u09be\u09b0\u09cd\u09a1\u099f\u09bf \u099a\u09be\u09b2\u09c1 \u0995\u09b0\u09c7\u099b\u09bf\u09b2\u0964 \u09ae\u09be\u0987\u0995\u09cd\u09b0\u09cb\u09b8\u09ab\u099f \u0993 \u09ae\u09cd\u09af\u09be\u0995 \u0989\u09ad\u09df \u0985\u09aa\u09be\u09b0\u09c7\u099f\u09bf\u0982 \u09b8\u09bf\u09b8\u09cd\u099f\u09c7\u09ae\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09ac\u099a\u09c7\u09df\u09c7 \u0995\u09ae\u09a8 \u09ab\u09a8\u09cd\u099f \u09ab\u09b0\u09cd\u09ae\u09c7\u099f \u09b9\u09b2\u09cb \u099f\u09cd\u09b0\u09c1\u099f\u09be\u0987\u09aa\u0964<\/p>\n<p><strong>\u0993\u09aa\u09c7\u09a8\u099f\u09be\u0987\u09aa \u09ab\u09a8\u09cd\u099f (OTF)<\/strong><\/p>\n<p>\u09b8\u09cd\u0995\u09c7\u09b2\u09c7\u09ac\u09b2 \u0995\u09ae\u09cd\u09aa\u09bf\u0989\u099f\u09be\u09b0 \u09ab\u09a8\u09cd\u099f\u0997\u09c1\u09b2\u09cb\u09b0 \u098f\u0995\u099f\u09bf \u09ab\u09b0\u09ae\u09c7\u099f \u09b9\u09b2\u09cb \u0993\u09aa\u09c7\u09a8\u099f\u09be\u0987\u09aa \u09ab\u09a8\u09cd\u099f\u0964 \u098f\u099f\u09bf \u099f\u09cd\u09b0\u09c1\u099f\u09be\u0987\u09aa\u09c7\u09b0 \u0989\u09aa\u09b0 \u09a8\u09bf\u09b0\u09cd\u09ae\u09be\u09a3 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09bf\u09b2 \u098f\u09ac\u0982 \u098f\u099f\u09bf \u09ae\u09be\u0987\u0995\u09cd\u09b0\u09cb\u09b8\u09ab\u099f\u09c7\u09b0 \u098f\u0995\u099f\u09bf \u09b0\u09c7\u099c\u09bf\u09b8\u09cd\u099f\u09be\u09b0\u09cd\u09a1 \u099f\u09cd\u09b0\u09c7\u09a1\u09ae\u09be\u09b0\u09cd\u0995\u0964 \u0993\u09aa\u09c7\u09a8\u099f\u09be\u0987\u09aa \u09ab\u09a8\u09cd\u099f \u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8\u09c7 \u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u0995\u09ae\u09cd\u09aa\u09bf\u0989\u099f\u09be\u09b0 \u09aa\u09cd\u09b2\u09be\u099f\u09ab\u09b0\u09cd\u09ae\u0997\u09c1\u09b2\u09cb\u09a4\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09c3\u09a4 \u09b9\u09df\u09c7 \u09a5\u09be\u0995\u09c7\u0964<\/p>\n<p><strong>\u0993\u09df\u09c7\u09ac \u0993\u09aa\u09c7\u09a8 \u09ab\u09b0\u09ae\u09c7\u099f (WOFF)<\/strong><\/p>\n<p>WOFF \u0993\u09df\u09c7\u09ac \u09aa\u09c7\u099c\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u09c7\u09b0 \u0989\u09aa\u09af\u09cb\u0997\u09c0 \u098f\u0995\u099f\u09bf \u09ab\u09b0\u09ae\u09c7\u099f\u0964 \u098f\u099f\u09bf \u09e8\u09e6\u09e6\u09ef \u09b8\u09be\u09b2\u09c7 \u09a1\u09c7\u09ad\u09b2\u09be\u09aa \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09bf\u09b2 \u098f\u09ac\u0982 \u098f\u0996\u09a8 \u09a1\u09ac\u09cd\u09b2\u09bf\u0993\u09a5\u09cd\u09b0\u09bf\u09b8\u09bf&#8217;\u09b0 \u09b8\u09c1\u09aa\u09be\u09b0\u09bf\u09b6 \u0995\u09b0\u09be \u09ab\u09b0\u09ae\u09c7\u099f\u0997\u09c1\u09b2\u09cb\u09b0 \u098f\u0995\u099f\u09bf\u0964 WOFF \u09b9\u09b2\u09cb \u0995\u09ae\u09cd\u09aa\u09cd\u09b0\u09c7\u09b6\u09a8 \u0993 \u09ac\u09be\u09dc\u09a4\u09bf \u09ae\u09c7\u099f\u09be\u09a1\u09be\u099f\u09be \u09b8\u09b9 \u0993\u09aa\u09c7\u09a8\u099f\u09be\u0987\u09aa \u0985\u09a5\u09ac\u09be \u099f\u09cd\u09b0\u09c1\u099f\u09be\u0987\u09aa \u0964 \u098f\u09b0 \u09b2\u0995\u09cd\u09b7\u09cd\u09af \u09b9\u09b2\u09cb \u09ac\u09cd\u09af\u09be\u09a8\u09cd\u09a1\u0989\u0987\u09a5\u09c7\u09b0 \u09b8\u09c0\u09ae\u09be\u09b0\u09c7\u0996\u09be\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7\u0987 \u09b8\u09be\u09b0\u09cd\u09ad\u09be\u09b0 \u09a5\u09c7\u0995\u09c7 \u0995\u09cd\u09b2\u09be\u0987\u09df\u09c7\u09a8\u09cd\u099f\u09c7\u09b0 \u0995\u09be\u099b\u09c7 \u09ab\u09a8\u09cd\u099f \u09aa\u09cc\u099b\u09c7 \u09a6\u09c7\u09df\u09be\u0964<\/p>\n<p><strong>\u098f\u09b8\u09ad\u09bf\u099c\u09bf \u09ab\u09a8\u09cd\u099f\/\u09b6\u09c7\u09aa<\/strong><\/p>\n<p>\u099f\u09c7\u0995\u09cd\u09b8\u099f \u09a6\u09c7\u0996\u09be\u09a8\u09cb\u09b0 \u09b8\u09ae\u09df \u098f\u099f\u09bf \u098f\u09b8\u09ad\u09bf\u099c\u09bf\u0995\u09c7 glyphs \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09c3\u09a4 \u09b9\u09a4\u09c7 \u09a6\u09c7\u09df\u0964 SVG 1.1 \u09b8\u09cd\u09aa\u09c7\u09b8\u09bf\u09ab\u09bf\u0995\u09c7\u09b6\u09a8 \u098f\u0995\u099f\u09bf \u098f\u09b8\u09ad\u09bf\u099c\u09bf \u09a1\u0995\u09c1\u09ae\u09c7\u09a8\u09cd\u099f\u09c7\u09b0 \u09ad\u09c7\u09a4\u09b0 \u09ab\u09a8\u09cd\u099f \u09a4\u09c8\u09b0\u09bf\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf \u09ab\u09a8\u09cd\u099f \u09ae\u09a1\u09cd\u09af\u09c1\u09b2 \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09c7 \u09a6\u09c7\u09df\u0964 \u0986\u09aa\u09a8\u09bf \u098f\u09b8\u09ad\u09bf\u099c\u09bf \u09a1\u0995\u09c1\u09ae\u09c7\u09a8\u09cd\u099f\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7\u0993 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09a1\u09bf\u09ab\u09be\u0987\u09a8 \u0995\u09b0\u09c7 \u09a6\u09bf\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u098f\u09ac\u0982 @font-face \u09b0\u09c1\u09b2\u0993 \u098f\u09b8\u09ad\u09bf\u099c\u09bf \u09a1\u0995\u09c1\u09ae\u09c7\u09a8\u09cd\u099f\u09c7\u09b0 \u099f\u09c7\u0995\u09cd\u09b8\u099f\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09aa\u09cd\u09b0\u09df\u09cb\u0997 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964<\/p>\n<p><strong>\u098f\u09ae\u09cd\u09ac\u09c7\u09a1\u09c7\u099f \u0993\u09aa\u09c7\u09a8 \u099f\u09be\u0987\u09aa \u09ab\u09a8\u09cd\u099f (EOT)<\/strong><\/p>\n<p>EOT \u0993\u09aa\u09c7\u09a8\u099f\u09be\u0987\u09aa \u09ab\u09a8\u09cd\u099f\u09c7\u09b0 \u098f\u0995\u099f\u09bf \u0995\u09ae\u09cd\u09aa\u09cd\u09af\u09be\u0995\u09cd\u099f \u09ab\u09b0\u09ae\u09c7\u099f \u09af\u09be \u0993\u09df\u09c7\u09ac\u09aa\u09c7\u099c\u09c7 \u098f\u09ae\u09cd\u09ac\u09c7\u09a1\u09c7\u09a1 \u09ab\u09a8\u09cd\u099f \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09ae\u09be\u0987\u0995\u09cd\u09b0\u09cb\u09b8\u09ab\u099f \u0995\u09b0\u09cd\u09a4\u09c3\u0995 \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09bf\u09b2\u0964<\/p>\n<p>&nbsp;<\/p>\n<h2>\u09ab\u09a8\u09cd\u099f \u09ab\u09b0\u09ae\u09c7\u099f\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f<\/h2>\n<p>\u09a8\u09bf\u099a\u09c7\u09b0 \u09a8\u09ae\u09cd\u09ac\u09b0\u0997\u09c1\u09b2\u09cb\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09ab\u09a8\u09cd\u099f \u09ab\u09b0\u09ae\u09c7\u099f \u09aa\u09cd\u09b0\u09a5\u09ae \u09af\u09c7 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09ad\u09be\u09b0\u09cd\u09b6\u09a8\u0997\u09c1\u09b2\u09cb \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u09c7 \u09a4\u09be\u09b0 \u09a4\u09be\u09b2\u09bf\u0995\u09be \u09aa\u09cd\u09b0\u0995\u09be\u09b6 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0964<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"15%\"><strong>Font format<\/strong><\/td>\n<td width=\"15%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_ie.gif?resize=31%2C30\" alt=\"ie\" width=\"31\" height=\"30\" \/><\/td>\n<td width=\"17%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_chrome.gif?resize=31%2C30\" alt=\"chrome\" width=\"31\" height=\"30\" \/><\/td>\n<td width=\"18%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_firefox.gif?resize=31%2C30\" alt=\"firefox\" width=\"31\" height=\"30\" \/><\/td>\n<td width=\"18%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_safari.gif?resize=28%2C30\" alt=\"safari\" width=\"28\" height=\"30\" \/><\/td>\n<td width=\"17%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_opera.gif?resize=28%2C30\" alt=\"opera\" width=\"28\" height=\"30\" \/><\/td>\n<\/tr>\n<tr>\n<td>TTF\/OTF<\/td>\n<td>\n<p style=\"text-align: center;\">9.0*<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">4.0<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">3.5<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">3.1<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">10.0<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>WOFF<\/td>\n<td>\n<p style=\"text-align: center;\">9.0<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">5.0<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">3.6<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">5.1<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">11.1<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>WOFF2<\/td>\n<td>\n<p style=\"text-align: center;\">Not supported<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">36.0<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">35.0*<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">Not supported<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">26.0<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>SVG<\/td>\n<td>\n<p style=\"text-align: center;\">Not supported<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">4.0<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">Not supported<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">3.2<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">9.0<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>EOT<\/td>\n<td>\n<p style=\"text-align: center;\">6.0<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">Not supported<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">Not supported<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">Not supported<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">Not supported<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p>*\u09ab\u09a8\u09cd\u099f \u09ab\u09b0\u09ae\u09c7\u099f \u09a4\u0996\u09a8\u09bf \u0995\u09be\u099c \u0995\u09b0\u09c7 \u09af\u0996\u09a8 \u09a4\u09be &#8220;\u0987\u09a8\u09cd\u09b8&#8221; \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09b8\u09c7\u099f \u0995\u09b0\u09be \u09b9\u09df\u0964<\/p>\n<p>&nbsp;<\/p>\n<h2>\u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u099b\u09a8\u09cd\u09a6\u09ae\u09a4\u09cb \u09ab\u09a8\u09cd\u099f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c1\u09a8<\/h2>\n<p>\u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf&#8217;\u09b0 @font-face \u09b0\u09c1\u09b2\u09c7 \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u09aa\u09cd\u09b0\u09a5\u09ae\u09c7 \u09ab\u09a8\u09cd\u099f\u099f\u09bf\u09b0 \u098f\u0995\u099f\u09bf \u09a8\u09be\u09ae \u09a0\u09bf\u0995 \u0995\u09b0\u09c7 \u09a6\u09bf\u09a4\u09c7 \u09b9\u09ac\u09c7 ( \u09af\u09c7\u09ae\u09a8\u0983 myFirstFont) \u098f\u09ac\u0982 \u09a4\u09be\u09b0\u09aa\u09b0 \u09a8\u09be\u09ae\u099f\u09bf \u09ab\u09a8\u09cd\u099f\u099f\u09bf\u09b0 \u09a6\u09bf\u0995\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 \u09a6\u09bf\u09a4\u09c7 \u09b9\u09ac\u09c7\u0964 \u09ab\u09a8\u09cd\u099f \u098f\u09b0 \u0987\u0989\u0986\u09b0\u098f\u09b2 \u09b2\u09c7\u0996\u09be\u09b0 \u09b8\u09ae\u09df \u09b8\u09b0\u09cd\u09ac\u09a6\u09be \u09b2\u09cb\u09df\u09be\u09b0 \u0995\u09c7\u09b8 \u09ac\u09be \u099b\u09cb\u099f \u09b9\u09be\u09a4\u09c7\u09b0 \u0985\u0995\u09cd\u09b7\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\u0964 \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09a8\u09c7\u099f \u098f\u0995\u09cd\u09b8\u09aa\u09cd\u09b2\u09cb\u09b0\u09be\u09b0\u09c7 \u0986\u09aa\u09be\u09b0 \u0995\u09c7\u09b8 \u09ac\u09be \u09ac\u09dc \u09b9\u09be\u09a4\u09c7\u09b0 \u0985\u0995\u09cd\u09b7\u09b0 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964<\/p>\n<p>\u098f\u0995\u099f\u09bf \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09ab\u09a8\u09cd\u099f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7, \u09ab\u09a8\u09cd\u099f \u09ab\u09cd\u09af\u09be\u09ae\u09bf\u09b2\u09bf \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09ab\u09a8\u09cd\u099f\u09c7\u09b0 \u09a8\u09be\u09ae\u09c7\u09b0 \u09a6\u09bf\u0995\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c1\u09a8\u0983<\/p>\n<hr \/>\n<pre>@font-face {\r\n\u00a0\u00a0\u00a0 font-family: myFirstFont;\r\n\u00a0\u00a0\u00a0 src: url(sansation_light.woff);\r\n}\r\n\r\ndiv {\r\n\u00a0\u00a0\u00a0 font-family: myFirstFont;\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>\u09ac\u09cb\u09b2\u09cd\u09a1 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be<\/h2>\n<p>\u09ac\u09cb\u09b2\u09cd\u09a1 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u09a1\u09c7\u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f\u09b0\u09c7 \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u0985\u09ac\u09b6\u09cd\u09af\u0987 \u0986\u09b0\u09c7\u0995\u099f\u09bf @font-face \u09b0\u09c1\u09b2 \u09af\u09cb\u0997 \u0995\u09b0\u09c7 \u09a6\u09bf\u09a4\u09c7 \u09b9\u09ac\u09c7\u0983<\/p>\n<hr \/>\n<pre>@font-face {\r\n\u00a0\u00a0\u00a0 font-family: myFirstFont;\r\n\u00a0\u00a0\u00a0 src: url(sansation_bold.woff);\r\n\u00a0\u00a0\u00a0 font-weight: bold;\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>&#8220;sansation_bold.woff&#8221; \u09ab\u09be\u0987\u09b2\u099f\u09bf \u09b9\u09b2\u09cb \u0986\u09b0\u09c7\u0995\u099f\u09bf \u09ab\u09a8\u09cd\u099f \u09ab\u09be\u0987\u09b2 \u09af\u09be \u09b8\u09cd\u09af\u09be\u09a8\u09b8\u09c7\u09b6\u09a8 \u09ab\u09a8\u09cd\u099f\u09c7\u09b0 \u09ac\u09cb\u09b2\u09cd\u09a1 \u0995\u09cd\u09af\u09be\u09b0\u09c7\u0995\u09cd\u099f\u09be\u09b0\u0997\u09c1\u09b2\u09cb \u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09c7\u0964 &#8220;myFirstFont&#8221; \u09ab\u09a8\u09cd\u099f-\u09ab\u09cd\u09af\u09be\u09ae\u09bf\u09b2\u09bf\u09b0&#8217;\u09b0 \u09af\u09c7\u0995\u09cb\u09a8 \u099f\u09c7\u0995\u09cd\u09b8\u099f\u0995\u09c7 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09ac\u09b8\u09ae\u09df \u09ac\u09cb\u09b2\u09cd\u09a1 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09a6\u09c7\u0996\u09be\u09a4\u09c7 \u098f\u0987 \u09ab\u09be\u0987\u09b2\u099f\u09bf\u0995\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09ac\u09c7\u0964 \u098f\u09ad\u09be\u09ac\u09c7 \u0986\u09aa\u09a8\u09bf \u098f\u0995\u0987 \u09ab\u09a8\u09cd\u099f\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09a8\u09c7\u0995\u0997\u09c1\u09b2\u09cb @font-face \u09b0\u09c1\u09b2 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u09a8\u0964<\/p>\n<p>&nbsp;<\/p>\n<h2>\u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf \u09ab\u09a8\u09cd\u099f \u09a1\u09c7\u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u099f\u09b0<\/h2>\n<p>\u09a8\u09bf\u099a\u09c7\u09b0 \u099f\u09c7\u09ac\u09b2\u09c7 @ \u09b0\u09c1\u09b2\u09c7\u09b0 \u09ad\u09bf\u09a4\u09b0 \u09af\u09c7\u09b8\u0995\u09b2 \u09ab\u09a8\u09cd\u099f \u09a1\u09c7\u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u099f\u09b0 \u09a1\u09bf\u09ab\u09be\u0987\u09a8 \u0995\u09b0\u09be \u09af\u09be\u09df \u09a4\u09be\u09b0 \u09a4\u09be\u09b2\u09bf\u0995\u09be \u09a6\u09c7\u09df\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0983<\/p>\n<p>font-family -\u098f\u09b0 \u09ad\u09cd\u09af\u09be\u09b2\u09c1 \u09b9\u09ac\u09c7 \u09ab\u09a8\u09cd\u099f \u098f\u09b0 \u09a8\u09be\u09ae\u0964 \u0985\u09ac\u09b6\u09cd\u09af\u0987 \u09b2\u09be\u0997\u09ac\u09c7\u0964<\/p>\n<p>src -\u098f\u099f\u09bf \u09ab\u09a8\u09cd\u099f\u09c7\u09b0 \u0987\u0989\u0986\u09b0\u098f\u09b2; \u0985\u09ac\u09b6\u09cd\u09af\u0987 \u09b2\u09be\u0997\u09ac\u09c7\u0964<\/p>\n<p>font-stretch -\u098f\u099f\u09bf \u0985\u09aa\u09b6\u09a8\u09be\u09b2\u0964 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09ab\u09a8\u09cd\u099f\u099f\u09bf \u09b8\u09cd\u099f\u09cd\u09b0\u09c7\u099a \u0995\u09b0\u09be \u09b9\u09ac\u09c7 \u09a4\u09be \u09a0\u09bf\u0995 \u0995\u09b0\u09c7\u0964 \u098f\u09b0 \u09a1\u09bf\u09ab\u09b2\u09cd\u099f \u09ad\u09cd\u09af\u09be\u09b2\u09c1 &#8220;normal&#8221; \u098f\u09b0 \u09ad\u09cd\u09af\u09be\u09b2\u09c1\u0997\u09c1\u09b2\u09cb\u09b0 \u09a4\u09be\u09b2\u09bf\u0995\u09be\u0983<\/p>\n<table style=\"height: 556px;\" width=\"587\">\n<tbody>\n<tr>\n<td width=\"17%\">\n<p style=\"text-align: center;\"><strong><span id=\"result_box\" class=\"short_text\" lang=\"bn\"><span class=\"hps\">\u09ac\u09b0\u09cd\u09a8\u09a8\u09be\u0995\u09be\u09b0\u09c0<\/span><\/span><\/strong><\/p>\n<\/td>\n<td width=\"20%\">\n<p style=\"text-align: center;\"><strong>\u09ae\u09be\u09a8<\/strong><\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\"><strong>\u09ac\u09b0\u09cd\u09a3\u09a8\u09be<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>font-family<\/td>\n<td><em>name<\/em><\/td>\n<td>\u09ab\u09a8\u09cd\u099f\u0995\u09c7 \u098f\u0995\u099f\u09bf \u09a8\u09be\u09ae \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09be \u09aa\u09cd\u09b0\u09df\u09cb\u099c\u09a8\u0964<\/td>\n<\/tr>\n<tr>\n<td>src<\/td>\n<td><em>URL<\/em><\/td>\n<td>\u09ab\u09a8\u09cd\u099f \u09ab\u09be\u0987\u09b2\u09c7\u09b0\u00a0 \u098f\u0995\u099f\u09bf URL \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09be \u09aa\u09cd\u09b0\u09df\u09cb\u099c\u09a8\u0964<\/td>\n<\/tr>\n<tr>\n<td>font-stretch<\/td>\n<td>normal<br \/>\ncondensed<br \/>\nultra-condensed<br \/>\nextra-condensed<br \/>\nsemi-condensed<br \/>\nexpanded<br \/>\nsemi-expanded<br \/>\nextra-expanded<br \/>\nultra-expanded<\/td>\n<td>\u0985\u09aa\u09b6\u09a8\u09be\u09b2; \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09ab\u09a8\u09cd\u099f\u099f\u09bf \u09aa\u09cd\u09b0\u09b8\u09be\u09b0\u09bf\u09a4 \u09b9\u09ac\u09c7 \u09a4\u09be \u09a0\u09bf\u0995 \u0995\u09b0\u09be \u09b9\u09df\u0964 \u09a1\u09bf\u09ab\u09b2\u09cd\u099f \u09ad\u09cd\u09af\u09be\u09b2\u09c1 &#8220;normal&#8221;<\/td>\n<\/tr>\n<tr>\n<td>font-style<\/td>\n<td>normal<br \/>\nitalic<br \/>\noblique<\/td>\n<td>\u0985\u09aa\u09b6\u09a8\u09be\u09b2; \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09ab\u09a8\u09cd\u099f\u099f\u09bf \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09b0\u09be \u09b9\u09ac\u09c7 \u09a4\u09be \u09a0\u09bf\u0995 \u0995\u09b0\u09be \u09b9\u09df\u0964 \u09a1\u09bf\u09ab\u09b2\u09cd\u099f \u09ad\u09cd\u09af\u09be\u09b2\u09c1 &#8220;normal&#8221;<\/td>\n<\/tr>\n<tr>\n<td>font-weight<\/td>\n<td>normal<br \/>\nbold<br \/>\n100<br \/>\n200<br \/>\n300<br \/>\n400<br \/>\n500<br \/>\n600<br \/>\n700<br \/>\n800<br \/>\n900<\/td>\n<td>\u098f\u099f\u09bf\u0993 \u0985\u09aa\u09b6\u09a8\u09be\u09b2; \u09ab\u09a8\u09cd\u099f\u09c7\u09b0 \u09aa\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac \u09a0\u09bf\u0995 \u0995\u09b0\u09c7\u0964 \u098f\u09b0 \u09a1\u09bf\u09ab\u09b2\u09cd\u099f \u09ad\u09cd\u09af\u09be\u09b2\u09c1 &#8220;normal&#8221;<\/td>\n<\/tr>\n<tr>\n<td>unicode-range<\/td>\n<td><em>unicode-range<\/em><\/td>\n<td>unicode-range &#8211; \u0985\u09aa\u09b6\u09a8\u09be\u09b2\u0964 UNICODE \u0995\u09cd\u09af\u09be\u09b0\u09c7\u0995\u09cd\u099f\u09be\u09b0\u09c7\u09b0 \u098f\u09b0 \u09b0\u09c7\u099e\u09cd\u099c \u09a0\u09bf\u0995 \u0995\u09b0\u09c7 \u09a6\u09c7\u09df\u0964 \u09a1\u09bf\u09ab\u09b2\u09cd\u099f \u09ad\u09cd\u09af\u09be\u09b2\u09c1 &#8220;U+0-10FFFF&#8221;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sheikh Mahfuzur Rahman \u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf \u09aa\u09be\u09ac\u09b2\u09bf\u09b6 \u09b9\u0993\u09df\u09be\u09b0 \u09aa\u09b0 \u09a5\u09c7\u0995\u09c7 \u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8\u09be\u09b0\u09a6\u09c7\u09b0 \u098f\u0996\u09a8 \u0986\u09b0 &#8220;\u0993\u09df\u09c7\u09ac \u09b8\u09c7\u0987\u09ab \u09ab\u09a8\u09cd\u099f\u09c7\u09b0&#8221; \u0989\u09aa\u09b0 \u09a8\u09bf\u0989\u09b0\u09cd\u09ad\u09b0 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df\u09a8\u09be\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf \u0993\u09df\u09c7\u09ac \u09ab\u09a8\u09cd\u099f \u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8\u09be\u09b0\u09a6\u09c7\u09b0 \u098f\u09ae\u09a8 \u09b8\u09ac \u09ab\u09a8\u09cd\u099f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be\u09b0 \u09b8\u09c1\u09af\u09cb\u0997 \u0995\u09b0\u09c7 \u09a6\u09c7\u09df \u09af\u09be \u0987\u0989\u099c\u09be\u09b0\u09a6\u09c7\u09b0 \u0995\u09ae\u09cd\u09aa\u09bf\u0989\u099f\u09be\u09b0\u09c7 \u0987\u09a8\u09cd\u09b8\u099f\u09b2 \u0995\u09b0\u09be \u09b9\u09df\u09a8\u09bf\u0964 \u09af\u0996\u09a8\u0987 \u0986\u09aa\u09a8\u09bf \u0993\u09df\u09c7\u09ac \u09aa\u09c7\u099c\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09cb\u09a8 \u09aa\u099b\u09a8\u09cd\u09a6\u09b8\u0987 \u09ab\u09a8\u09cd\u099f \u0996\u09c1\u0981\u099c\u09c7 \u09aa\u09be\u09ac\u09c7\u09a8 \u09ac\u09be \u0995\u09bf\u09a8\u09ac\u09c7\u09a8, \u09b6\u09c1\u09a7\u09c1 \u09ab\u09a8\u09cd\u099f \u09ab\u09be\u0987\u09b2\u099f\u09bf \u0993\u09df\u09c7\u09ac &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/bangla.sitestree.com\/?p=6226\">Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[174],"tags":[492,1612,1212,714,1651,341,1611],"class_list":["post-6226","post","type-post","status-publish","format-standard","hentry","category-----css-tutorial","tag-css","tag-css3","tag-font","tag-714","tag-1651","tag-341","tag-1611","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":6154,"url":"http:\/\/bangla.sitestree.com\/?p=6154","url_meta":{"origin":6226,"position":0},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf (CSS Introduction)","author":"","date":"February 8, 2015","format":false,"excerpt":"\u09ae\u09cb\u0983 \u09b0\u09ab\u09bf\u0995\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae \u00a0 \u098f\u0987 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 \u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3 \u0995\u09b0\u09c7 \u098f\u09ac\u0982 \u098f\u0995\u0987\u09b8\u09be\u09a5\u09c7 \u098f\u0995\u09be\u09a7\u09bf\u0995 \u0993\u09df\u09c7\u09ac \u09aa\u09c7\u099c \u098f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09af\u09be\u09df \u09b8\u09c7 \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u099c\u09be\u09a8\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u09aa\u09cd\u09b0\u09a4\u09bf \u0985\u09a7\u09cd\u09af\u09be\u09df \u098f \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u098f\u0987 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 \u098f \u09b6\u09a4 \u09b6\u09a4 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 \u09b8\u09a8\u09cd\u09a8\u09bf\u09ac\u09c7\u09b6 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u0983 \u00a0body { \u00a0\u00a0\u00a0 background-color: #d0e4fe; } h1\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6164,"url":"http:\/\/bangla.sitestree.com\/?p=6164","url_meta":{"origin":6226,"position":1},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09ab\u09a8\u09cd\u099f (CSS Font)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f\u09c7\u09b0 \u09ad\u09bf\u09a4\u09b0\u09c7\u09b0 \u099f\u09c7\u0995\u09cd\u09b8\u099f\u09c7\u09b0 \u0986\u0995\u09be\u09b0, \u09ab\u09a8\u09cd\u099f, \u0997\u09be\u09dd\u09a4\u09be \u0987\u09a4\u09cd\u09af\u09be\u09a6\u09bf \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u098f\u09ac\u0982 \u09b8\u09be\u099c\u09be\u09a4\u09c7 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ab\u09a8\u09cd\u099f \u0997\u09c1\u09b0\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09b2\u0964 \u098f\u099c\u09a8\u09cd\u09af \u09ac\u09c7\u09b6 \u0995\u09bf\u099b\u09c1 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09aa\u09cd\u09b0\u09c7\u09be\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u099c \u0986\u099b\u09c7 \u09af\u09c7\u0997\u09c1\u09b2\u09bf\u09b0 \u09ac\u09b9\u09c1\u09b2 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u09aa\u09cd\u09b0\u099a\u09b2\u09bf\u09a4\u0964 \u09a8\u09bf\u099a\u09c7\u09b0 \u09b8\u09c7\u0997\u09c1\u09b2\u09bf\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a8\u09b8\u09b9 \u0986\u09b2\u09cb\u099a\u09a8\u09be \u0995\u09b0\u09be \u09b9\u09b2\u0983 \u09ab\u09a8\u09cd\u099f \u09aa\u09b0\u09bf\u09ac\u09be\u09b0 (Font Family) font-family \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u099c \u09a6\u09bf\u09df\u09c7 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f\u09c7\u09b0 \u09ab\u09a8\u09cd\u099f \u0995\u09bf \u09b9\u09ac\u09c7 \u09b8\u09c7\u099f\u09be \u09a0\u09bf\u0995 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964 \u098f\u0995\u09b8\u09be\u09a5\u09c7 \u098f\u0995\u09be\u09a7\u09bf\u0995 \u09ab\u09a8\u09cd\u099f \u0995\u09ae\u09be (,)\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"Serif \u098f\u09ac\u0982 Sans-Serif \u09ab\u09a8\u09cd\u099f \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09aa\u09be\u09b0\u09cd\u09a5\u0995\u09cd\u09af","src":"https:\/\/i0.wp.com\/www.w3schools.com\/css\/serif.gif?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":6770,"url":"http:\/\/bangla.sitestree.com\/?p=6770","url_meta":{"origin":6226,"position":2},"title":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 (HTML Style &#8211; CSS)","author":"Author-Check- Article-or-Video","date":"March 24, 2015","format":false,"excerpt":"\u09b6\u09b0\u09bf\u09ab\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae Php Coder \u00a0 HTML Styles - CSS \u00a0\u0989\u09a6\u09be\u09b9\u09b0\u09a3 <!DOCTYPE html> <html> <head> <style> body {background-color:lightgray} h1\u00a0\u00a0 {color:blue} p\u00a0\u00a0\u00a0 {color:green} <\/style> <\/head> <body> <h1>This is a heading<\/h1> <p>This is a paragraph.<\/p> <\/body> <\/html> \u00a0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u0995\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09b0\u09be \u09b8\u09bf\u098f\u09b8\u098f\u09b8(css) \u098f\u09b0 \u09aa\u09c2\u09b0\u09cd\u09a3 \u09a8\u09be\u09ae \u09b9\u09b2 Cascading\u00a0Style\u00a0Sheets \u0964 \u09a4\u09bf\u09a8\u09ad\u09be\u09ac\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2\u2026","rel":"","context":"In &quot;\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML&quot;","block_context":{"text":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML","link":"http:\/\/bangla.sitestree.com\/?cat=494"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6238,"url":"http:\/\/bangla.sitestree.com\/?p=6238","url_meta":{"origin":6226,"position":3},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 \u0987\u0989\u099c\u09be\u09b0 \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09ab\u09c7\u09b8 (CSS3 User Interface)","author":"Author-Check- Article-or-Video","date":"February 9, 2015","format":false,"excerpt":"Sheikh Mahfuzur Rahman \u00a0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf \u0987\u0989\u099c\u09be\u09b0 \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09ab\u09c7\u09b8 \u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf \u098f\u09b0 \u0995\u09bf\u099b\u09c1 \u09a8\u09a4\u09c1\u09a8 \u0987\u0989\u099c\u09be\u09b0 \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09ab\u09c7\u09b8 \u09ab\u09bf\u099a\u09be\u09b0 \u09b9\u09b2\u09cb \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u09b0\u09bf\u09b8\u09be\u0987\u099c\u09bf\u0982, \u09ac\u0995\u09cd\u09b8 \u09b0\u09bf\u09b8\u09be\u0987\u099c\u09bf\u0982 \u098f\u09ac\u0982 \u0986\u0989\u099f\u09b2\u09be\u0987\u09a8\u09bf\u0982\u0964 \u098f\u0987 \u0985\u09a7\u09cd\u09af\u09be\u09df\u09c7 \u09a8\u09bf\u099a\u09c7\u09b0 \u0987\u0989\u099c\u09be\u09b0 \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09ab\u09c7\u09b8 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u0997\u09c1\u09b2\u09cb \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u099c\u09be\u09a8\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0983 resize box-sizing outline-offset \u00a0 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u09a8\u09bf\u099a\u09c7\u09b0 \u09a4\u09be\u09b2\u09bf\u0995\u09be\u09df \u09aa\u09cd\u09b0\u09a5\u09ae \u09af\u09c7 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09ad\u09be\u09b0\u09cd\u09b6\u09a8\u0997\u09c1\u09b2\u09cb \u0987\u0989\u099c\u09be\u09b0 \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09ab\u09c7\u09b8 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u0995\u09c7 \u09aa\u09c1\u09b0\u09cb\u09aa\u09c1\u09b0\u09bf\u09ad\u09be\u09ac\u09c7 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u09c7 \u09a4\u09be \u09a6\u09c7\u09df\u09be\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"chrome","src":"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_chrome.gif?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":13022,"url":"http:\/\/bangla.sitestree.com\/?p=13022","url_meta":{"origin":6226,"position":4},"title":"\u0993\u09df\u09c7\u09ac \u099c\u09bf\u098f\u09b2\u0983 \u09ad\u09c2\u09ae\u09bf\u0995\u09be","author":"","date":"May 1, 2016","format":false,"excerpt":"\u0995\u09df\u09c7\u0995\u09ac\u099b\u09b0 \u0986\u0997\u09c7\u0993 \u0993\u09df\u09c7\u09ac\u09c7 \u09a5\u09cd\u09b0\u09bf\u09a1\u09bf \u0997\u09cd\u09b0\u09be\u09ab\u09bf\u0995\u09cd\u09b8 \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09df\u09be \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u09aa\u09b2\u09c7\u099f \u0993 \u099c\u09bf\u098f\u09b2 \u098f\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09df\u09c7 \u099c\u09bf\u09aa\u09bf\u0987\u0989 \u09ac\u09be \u0997\u09cd\u09b0\u09be\u09ab\u09bf\u0995\u09cd\u09af\u09be\u09b2 \u09aa\u09cd\u09b0\u09b8\u09c7\u09b8\u09bf\u0982 \u0987\u0989\u09a8\u09bf\u099f\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u099c\u09be\u09ad\u09be \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09a4\u0964 \u09af\u09c7\u09b9\u09c7\u09a4\u09c1 \u098f\u09aa\u09b2\u09c7\u099f \u09b0\u09be\u09a8 \u0995\u09b0\u09be\u09a4\u09c7 \u099c\u09c7\u09ad\u09bf\u098f\u09ae \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df \u09a4\u09be\u0987 \u099c\u09be\u09ad\u09be \u098f\u09aa\u09b2\u09c7\u099f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b8\u09b9\u099c \u099b\u09bf\u09b2 \u09a8\u09be\u0964 \u0995\u09df\u09c7\u0995 \u09ac\u099b\u09b0 \u09aa\u09b0\u09c7 \u09b2\u09cb\u0995\u09c7 \u099c\u09be\u09ad\u09be \u098f\u09aa\u09b2\u09c7\u099f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09ac\u09a8\u09cd\u09a7 \u0995\u09b0\u09c7 \u09a6\u09c7\u09df\u0964\u2026","rel":"","context":"In &quot;Root&quot;","block_context":{"text":"Root","link":"http:\/\/bangla.sitestree.com\/?cat=1"},"img":{"alt_text":"bla1","src":"https:\/\/i0.wp.com\/bangla.salearningschool.com\/wp-content\/uploads\/2016\/04\/bla1-300x142.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":6204,"url":"http:\/\/bangla.sitestree.com\/?p=6204","url_meta":{"origin":6226,"position":5},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ae\u09bf\u09a1\u09bf\u09df\u09be \u099f\u09be\u0987\u09aa\u09b8 (CSS Media Types)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"\u09ae\u09c3\u09a4\u09cd\u09af\u09c1\u099e\u09cd\u099c\u09df \u09ac\u09bf\u09b6\u09cd\u09ac\u09be\u09b8 \u00a0 \u098f\u0987 @media \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7, \u098f\u0995\u099f\u09bf \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f \u098f\u09b0 \u09b8\u09cd\u0995\u09c3\u09a3\u09cd, \u09ae\u09c1\u09a6\u09cd\u09b0\u09a3, \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09ab\u09cb\u09a8, \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f \u0987\u09a4\u09cd\u09af\u09be\u09a6\u09bf \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf \u09ad\u09bf\u09a8\u09cd\u09a8 \u09b2\u09c7\u0986\u0989\u099f \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09dc\u09ac\u09cb\u0964 \u09ae\u09bf\u09a1\u09bf\u09af\u09bc\u09be\u09b0 \u09a7\u09b0\u09a8 \u09b8\u09ae\u09c2\u09b9 \u0995\u09bf\u099b\u09c1 CSS \u098f\u09b0 \u09ac\u09c8\u09b6\u09bf\u09b7\u09cd\u099f\u09cd\u09af \u09b6\u09c1\u09a7\u09c1\u09ae\u09be\u09a4\u09cd\u09b0 \u098f\u0995\u099f\u09bf \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u09ae\u09bf\u09a1\u09bf\u09af\u09bc\u09be \u099c\u09a8\u09cd\u09af \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u09b8\u09cd\u09ac\u09b0\u09c2\u09aa \"voice-family\" \u09ac\u09c8\u09b6\u09bf\u09b7\u09cd\u099f \u09b6\u09cd\u09b0\u09ac\u09a3\u09c7\u09a8\u09cd\u09a6\u09cd\u09b0\u09bf\u09af\u09bc \u09b8\u0982\u0995\u09cd\u09b0\u09be\u09a8\u09cd\u09a4 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u0995\u09be\u09b0\u09c0 \u098f\u099c\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u0995\u09b0\u09be \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6226"}],"version-history":[{"count":3,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6226\/revisions"}],"predecessor-version":[{"id":11193,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6226\/revisions\/11193"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6226"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}