<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>text文本字体</title> <style> /*css3规定字体可以从本地上传到服务器,然后用户浏览时会自动从服务器下载字体*/ @font-face { /*myfont是自己设定的名称*/ font-family: myfont; src: url("../../font/ACaslonPro-Bold.otf"); } p{ font-family: myfont; } </style> </head> <body> <h3>title</h3> <p>this is a test text</p> </body> </html>