css3 添加字体样式

如果你想让你的网站字体更加美观和独特，那么可以尝试添加一些css3的字体样式。下面我将介绍一些常用的字体样式。

/*添加自定义字体*/@font-face {
    font-family: 'MyFont';
     /*字体名称*/src: url('myfont.ttf');
     /*字体文件路径*/font-weight: normal;
     /*字体粗细*/font-style: normal;
 /*字体样式*/}
/*使用自定义字体*/body {
    font-family: 'MyFont', sans-serif;
 /*使用自定义字体*/}
/*添加文本阴影*/h1 {
    text-shadow: 2px 2px 2px #000;
 /*阴影的偏移、模糊和颜色*/}
/*添加文本描边*/h2 {
    -webkit-text-stroke: 1px #000;
 /*描边的粗细和颜色*/}
/*添加文本渐变*/h3 {
    background: -webkit-linear-gradient(#eee, #333);
     /*渐变的起始和终止颜色*/-webkit-background-clip: text;
     /*应用到文本上*/-webkit-text-fill-color: transparent;
 /*将文本颜色设为透明*/}
    

这些只是css3字体样式的一小部分，你可以根据自己的需求来自定义字体样式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！