@font face实现各个方向等腰直角三角效果实例页面

代码：

CSS代码：

@font-face {
    font-family: web;
    src: url(web-webfont.eot) format('eot');
    src: local('☺'), 
         url(web-webfont.woff) format("woff"),
         url(web-webfont.ttf) format("truetype");
}

.font_cor {
    font-family: web;
}

HTML代码：

<span class="font_cor">T</span>
<span class="font_cor">R</span>
<span class="font_cor">B</span>
<span class="font_cor">L</span>

效果：

T R B L

改变颜色：

改变大小：