Home > Developer > Web Develop
WINDOWS10 Operating system usage examples:
1. Prepare the font library for the corresponding format
2. Founder Font Usage Example
<!DOCTYPE HTML><HTML><Head> <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /> <title></title> <MetaCharSet= "Utf-8" /> <style>@font-face{font-family:' Fzbold '; /*the font type supported by IE, but will render the delay*/src:url ('.. /fonts/Founder's menial Italian simplified. EoT ');src:url ('.. /fonts/Founder's Rough Italian Simplified Eot#iefix ') format (' Embedded-opentype '),/*Google Chrome, the type of fonts supported by Firefox*/url ('.. /fonts/founder, simplified. TTF ') format (' TrueType '); }@font-face{font-family:' Seymourone ';src:url ('.. /fonts/seymourone-regular.eot ') format (' Embedded-opentype '); }. Txtone{Font:normal 25px ' Fzbold ';Border:1px solid Red;padding:10px; }. Txttwo{Font:Bold 25px;font-family:Seymourone, Song body;Border:1px solid Red;padding:10px; } </style></Head><Body> <Pclass= "Txtone">Chinese content</P> <BR/> <Pclass= "Txttwo">Abc</P></Body></HTML>
Show results under IE:
Results displayed under GOOGLE/FF:
3. Pattern Xingkai Font Use:
<!DOCTYPE HTML><HTML><Head> <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /> <title></title> <MetaCharSet= "Utf-8" /> <style>@font-face{font-family:' XXFarEastFont-Xingkai ';src:url ('.. /fonts/Chinese Xingkai. EoT ') format (' Embedded-opentype '), url ('.. /fonts/Chinese Xingkai TTF ') format (' TrueType '); }. Txtone{Font:normal 25px ' Chinese Xingkai ';Border:1px solid Red;padding:10px; }. Txttwo{Font:Bold 25px;font-family:XXFarEastFont-Xingkai, song body;Border:1px solid Red;padding:10px; } </style></Head><Body> <Pclass= "Txtone">Chinese content</P> <BR/> <Pclass= "Txttwo">Abc</P></Body></HTML>
IE/GOOGLE/FF Display Results:
CSS3 @font-face Usage examples
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
