在文章中通过html代码块调用服务器中的字体(latex公式除外)
  編程

在文章中通过html代码块调用服务器中的字体(latex公式除外)

 次点击
4 分钟阅读

通过以下代码可以实现标题所述功能,这正是我想要的,因为很多字体对于数学公式的支持并不够好,不过缺陷在于只要在某篇文章中使用了这段代码,整篇文章除了latex渲染的公式以外的内容都将被渲染为代码中所指定的字体(最理想的状态应当是每段文字,甚至是单独的每句话、每个字都可以进行单独配置字体,希望以后有机会可以对代码进行优化)


    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>使用自定义字体</title>  
    <style>  
        @font-face {  
            font-family: 'MyCustomFont';  /* 定义一个新的字体名称 */  
            src: url('/upload/Huiwenmincho-improved.woff2') format('woff2'),  /* 指定字体文件的URL和格式 */  
                 url('/upload/Huiwenmincho-improved.woff2') format('woff2');  /* 提供备选格式,以便在不支持woff2的浏览器中回退 */   
        }  
  
        body {  
            font-family: 'MyCustomFont', sans-serif;  /* 在body元素中使用自定义字体 */  
        }  
    </style>

    
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>使用自定义字体</title>  
    <style>  
        @font-face {  
            font-family: 'MyCustomFont';  /* 定义一个新的字体名称 */  
            src: url('/upload/Sears_Tower.ttf') format('woff2'),  /* 指定字体文件的URL和格式 */  
                 url('/upload/Sears_Tower.ttf') format('woff2');  /* 提供备选格式,以便在不支持woff2的浏览器中回退 */   
        }  
  
        body {  
            font-family: 'MyCustomFont', sans-serif;  /* 在body元素中使用自定义字体 */  
        }  
    </style>

© 本文著作权归KOICHI所有,未经许可不得转载使用。