Reply to thread

Message: <blockquote data-quote="sevensigns.lk" data-source="post: 16552406" data-attributes="member: 502573">අපි දැන් බලමු @font-face කොහොමද  use කරන්නේ කියලා@font-face{/*font-face properties here*/}අපි බලමු  @font-face වල use කරන්න පුලුවන්  fonts වර්ග මොනාද කියලාwebfont.eotwebfont.woffwebfont.ttfwebfont.svg<a href="http://www.fontsquirrel.com/tools/webfont-generator" target="_blank">web font generator </a>ඔයාලගේ photoshop fonts වල tiff file එක upload(max 5mb) කරලාzip file එකක් download කර ගන්න පුලුවන් .@font-face use කරන විදිය css file එකේ@font-face{ font-family:"examplefont";src:url(webfont.woff);}නමුත් මෙහේම use කරන්න පුලුවන් අලුත් browser වල විතරයි. එකට විසදුමක් විදියට css-tricks website එකේ මේහෙම විසදුමක්  තිබුනා.@font-face { font-family:'MyWebFont';src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff') format('woff') /* Modern Browsers */src: url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ }අපි දැන් බලමු එකකට  @font-face කොහොමද භාවිතා කරන්නෙ කියලා.p { font-family: 'MyFontFamily', Fallback, sans-serif; }අලුත් font-family එක වැඩ කරේ නැතු උනොත්  fallback font එකක්  විදියට web-safe san-srif use කරමු.<a href="http://sevensigns.lk/" target="_blank">sevensigns.lk</a><a href="http://blog.sevensigns.lk/how-to-use-font-face/" target="_blank">source article </a></blockquote>

Verification: Asuwa dahayen wadi kalama keeyada?

Top Bottom