在网页设计中，选择合适的字体对于体现网页风格有着重要的作用。尽管网页浏览器提供了一些预设的字体，但是这些字体可能不是我们所想要的效果，因此在CSS中，我们需要添加新的字体。

@font-face {font-family: "My Custom Font";src: url("mycustomfont.ttf");}

上面的代码是在CSS中添加自定义字体的方式。其中，font-family是自定义字体的名称，可以设置为任意名称，比如"My Custom Font"；src则是字体文件的路径，这里是自定义字体文件的地址"mycustomfont.ttf"。

需要注意的是，字体文件的格式必须是TrueType或OpenType格式，否则可能无法被识别。同时，一般情况下，应该为字体文件提供不同的格式，以支持不同的浏览器环境。如下所示：

@font-face {font-family: "My Custom Font";src: url("mycustomfont.eot"); /* IE9 Compat Modes */src: url("mycustomfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */url("mycustomfont.woff2") format("woff2"), /* Super Modern Browsers */url("mycustomfont.woff") format("woff"), /* Pretty Modern Browsers */url("mycustomfont.ttf") format("truetype"), /* Safari, Android, iOS */url("mycustomfont.svg#filename") format("svg"); /* Legacy iOS */}

在上述代码中，我们提供了不同浏览器需要的格式。其中，eot格式是为了支持IE9兼容模式，其他浏览器也可以使用；woff2、woff是现代浏览器使用的格式，可以使用更好的压缩算法，其次是truetype格式，用于支持Safari、Android、iOS等浏览器；最后是svg格式，主要用于旧版的iOS设备。

一旦我们定义好了自定义字体，就可以在CSS中将其应用到通过font-family属性。示例：

body {font-family: "My Custom Font", sans-serif;}

在上述代码中，我们将自定义字体"My Custom Font"应用到了整个页面。如果浏览器无法识别这个字体，那么会默认使用sans-serif字体。

总之，通过添加新字体，可以让网页设计更具个性化和自定义化。除此之外，也可以通过提供多种文件格式，以支持不同浏览器对字体格式的需求。