一、使用CSS更改字体
CSS是一种描述网页样式的语言，我们可以使用CSS来更改字体。下面是一个简单的示例：
/* 在CSS中，可以使用font-family属性来指定字体 */
body {
font-family: Arial, Helvetica, sans-serif;
}
代码中的font-family属性可以接受多个参数，用逗号隔开，代表按优先级顺序依次使用这些字体。如果第一个字体在用户的电脑中不存在，就会尝试使用下一个字体。
除了font-family属性，还有font-size用于指定字体大小，font-weight用于指定字体粗细等，你可以根据实际需要自行更改。
二、使用Web字体
如果你需要使用一些非标准字体，比如别致的手写体，那么你可以使用Web字体。Web字体有两种类型：系统字体和自定义字体。
1、使用系统字体
在CSS中，先指定字体类别，然后在字体库中选择相应的字体即可，示例代码如下：
/* 引用谷歌字体库中的Open Sans字体 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {
font-family: 'Open Sans', sans-serif;
}
示例中，我们首先通过@import引入了谷歌字体库，在body中指定了使用Open Sans字体。
2、使用自定义字体
如果你有自己的字体文件，比如.ttf或.otf格式的文件，那么可以使用@font-face将其引入到自己的网站中，示例代码如下：
/* 引入自己的字体文件 */
@font-face {
font-family: 'MyFont';
src: url('myfont.ttf');
}
/* 在CSS中使用自定义字体 */
body {
font-family: 'MyFont', sans-serif;
}
示例中，我们使用@font-face引入了myfont.ttf字体文件，并将其命名为MyFont。在body中使用了MyFont字体。
三、使用JavaScript更改字体
如果需要根据用户的操作来实时更改字体，那么可以使用JavaScript来实现。示例代码如下：
/* 获取一个按钮元素 */
var button = document.getElementById('font-button');
/* 获取一个包含文本的元素 */
var text = document.getElementById('text');
/* 给按钮添加点击事件 */
button.addEventListener('click', function() {
/* 更改文本元素的字体 */
text.style.fontFamily = 'Comic Sans MS';
});
示例中，我们获取了一个按钮和一个文本元素，并给按钮添加了点击事件。每次点击按钮时，文本元素的字体就会被更改成Comic Sans MS。
四、总结
通过本文的介绍，我们可以知道，更改网页字体有多种方法，我们可以通过CSS来更改字体，通过引入Web字体来使用非标准字体，也可以使用JavaScript来实现动态更改。