css字体多个引用 |css caption 字体加粗

图片css居中，css将屏幕分割，css怎样将文本居中，css3 图标闪烁，css动画播放完元素消失，css如何让图片铺满盒子，css caption 字体加粗 css字体多个引用 |css caption 字体加粗

@font-face {
font-family: 'MyCustomFont';
src: url('mycustomfont.eot');
src: url('mycustomfont.eot?#iefix') format('embedded-opentype'), 
url('mycustomfont.woff2') format('woff2'), 
url('mycustomfont.woff') format('woff'), 
url('mycustomfont.ttf') format('truetype'), 
url('mycustomfont.svg#MyCustomFont') format('svg');
font-weight: normal;
font-style: normal;
}

上面的代码示例中，大家通过@font-face声明了一个名为”MyCustomFont”的字体家族，并引用了该字体的多个不同格式的文件。这些文件包括Embedded OpenType, WOFF2, WOFF, TrueType和SVG格式的文件，在不同的浏览器和操作系统上显示字体的效果也略有不同。

除了引用本地字体文件之外，大家还可以使用Google Fonts、Adobe Fonts等在线字体库来引用自定义的字体。例如：

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {
font-family: 'Open Sans', sans-serif;
}

上面的代码示例中，大家通过@import语句从Google Fonts引用了一种名为”Open Sans”的字体。然后，大家将body元素的字体设置为这种字体。这样就可以在网站上使用Google Fonts提供的自定义字体了。

除了以上两种方法外，大家还可以使用local()函数、system-ui关键字等等进行字体引用。这些方法多数用于更加特定的情况下，需要根据具体情况进行选择。