修改整站字体、字重

最新推荐文章于 2024-09-10 09:55:59 发布

serzoe950

最新推荐文章于 2024-09-10 09:55:59 发布

阅读量219

点赞数 1

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_69603357/article/details/141388273

版权

theme-css-var.html页面

{{#if settings.font_family_all == 'oneblack'}}
{{assign 'family_forn' 'GT-America-Expanded-Black'}}
{{else}}
{{assign 'family_forn' 'GT-America-Standard-Regular'}}
{{/if}}

{{#if settings.font_family_all-body == 'tworegular_body'}}
{{assign 'family_forn_body' 'GT-America-Standard-Regular'}}
{{else}}
{{assign 'family_forn_body' 'GT-America-Expanded-Black'}}
{{/if}}

{{#if settings.font_family_all_two== 'tworegular_two'}}
{{assign 'erji' 'GT-America-Standard-Regular'}}
{{else}}
{{assign 'erji' 'GT-America-Expanded-Black'}}
{{/if}}

{{#if settings.font_family_all_san == 'tworegular_san'}}
{{assign 'sanji' 'GT-America-Standard-Regular'}}
{{else}}
{{assign 'sanji' 'GT-America-Expanded-Black'}}
{{/if}}

<style>
{{ font_face (font_modify settings.title_font_family 'weight' '400') }}
{{ font_face (font_modify settings.title_font_family 'weight' '500') }}
{{ font_face (font_modify settings.title_font_family 'weight' '600') }}
{{ font_face (font_modify settings.title_font_family 'weight' '700') }}
{{ font_face settings.title_font_family }}
{{ font_face (font_modify settings.body_font_family 'weight' '400') }}
{{ font_face (font_modify settings.body_font_family 'weight' '500') }}
{{ font_face (font_modify settings.body_font_family 'weight' '600') }}
{{ font_face (font_modify settings.body_font_family 'weight' '700') }}
{{ font_face settings.body_font_family }}







:root {
    --santitle-font: "{{ sanji}}";
    --ertitle-font: "{{ erji}}";
    --title-font: "{{ family_forn}}";
    --title-font-weight: {{ settings.title_font_family.weight }};
    --title-font-style: {{ settings.title_font_family.style }};
    --title-letter-spacing: {{#if settings.title_letter_spacing == 0}}0.00000001em{{else}}{{ divide settings.title_letter_spacing 1000 }}em{{/if}};
    --title-font-size: {{ settings.title_font_size }}px;
    --title-line-height: {{ settings.title_line_height }};
    --title-text-transform: {{#if settings.title_uppercase}}uppercase{{else}}unset{{/if}};
    --body-font: "{{ family_forn_body}}";
    {{assign 'bodyFontWeight' settings.body_font_family.weight}}
    --body-font-weight: {{ bodyFontWeight }};
    {{assign 'bodyBoldFontWeight' (add bodyFontWeight 300)}}

theme.html页面

<!DOCTYPE html>
<html lang="{{request.locale.iso_code}}">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <link rel="canonical" href="{{canonical_url}}" />
    <meta http-equiv="x-dns-prefetch-control" content="on" />
    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" />

    {{#if settings.favicon_image}}
      <link rel="icon" type="image/png" href="{{settings.favicon_image}}" />
    {{/if}}

    {{snippet "title-tag"}}

    {{#if page_description}}
      <meta name="description" content="{{page_description}}" />
    {{/if}}

    {{#if page_keyword}}
      <meta name="keywords" content="{{page_keyword}}" />
    {{/if}}

    {{snippet "meta-tags"}}



    {{snippet "theme-css-var"}}

    {{snippet "stylesheet" href=(asset_url "base.css")}}

    <script src="{{asset_url 'global.js'}}" defer="defer"></script>
{{!-- {{ asset_url 'GT-America-Expanded-Black.otf' }} --}}
    {{content_for_header}}
      <style>
     
        @font-face {
        font-family: 'GT-America-Expanded-Black';
        /* font-style: normal;
        font-weight: 700;
        font-display: swap; */
        src: url('https://cdn-theme.myshopline.com/cdn/shop/prod/2405029587/1722911146473/66bf04de386fac37e1a3fbc7/1724150899758/assets/GT-America-Expanded-Black.otf') format('woff2');
       }
     
        @font-face {
        font-family: 'GT-America-Standard-Regular';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
         src: url('https://cdn-theme.myshopline.com/cdn/shop/prod/2405029587/1722911146473/66bf04de386fac37e1a3fbc7/1723800411734/assets/GT-America-Standard-Regular.otf') format('woff2');
        }
        
        ._menuContent_ou1r8_10 ._info_ou1r8_100 ._menuTitle_ou1r8_105.mega-text{
                font-family: var(--title-font) !important;
        }

        ._menuContainer_1ciib_1 ._info_ou1r8_100 ._menuTitle_ou1r8_105.mega-text{
            font-weight:{{settings.erjimenuandsanji}} !important;
            font-family:var(--ertitle-font) !important;
        }
        ._subMenu_1ciib_21 ._menuTitle_ou1r8_105 ._navTitle_ou1r8_15 {
                font-weight: normal !important;
                 font-family:var( --santitle-font) !important;
               
        }
        </style>
  </head>

settings_schema.json页面

{
        "type": "select",
        "id": "font_family_all",
        "label": "选择标题字体",
        "default": "oneblack",
        "options": [
            {
                "value": "oneblack",
                "label":"GT-America-Expanded-Black"
            },
            {
                "value": "tworegular",
                "label": "GT-America-Standard-Regular"
            }
            
        ]
    },
    {
        "type": "select",
        "id": "font_family_all_two",
        "label": "选择菜单二级字体",
        "default": "tworegular_two",
        "options": [
            {
                "value": "tworegular_one",
                "label": "GT-America-Expanded-Black"
            },
            {
                "value": "tworegular_two",
                "label": "GT-America-Standard-Regular"
            }
        ]
    },
    {
        "type": "select",
        "id": "font_family_all_san",
        "label": "选择菜单三级字体",
        "default": "tworegular_san",
        "options": [
            {
                "value": "tworegulaoner_san",
                "label": "GT-America-Expanded-Black"
            },
            {
                "value": "tworegular_san",
                "label": "GT-America-Standard-Regular"
            }
        ]
    },
    {
        "type": "select",
        "id": "font_family_all-body",
        "label": "选择正文字体",
        "default": "tworegular_body",
        "options": [
            {
                "value": "oneblack_body",
                "label": "GT-America-Expanded-Black"
            },
            {
                "value": "tworegular_body",
                "label": "GT-America-Standard-Regular"
            }
        ]
    },
    {
        "id": "erjimenuandsanji",
        "type": "range",
        "label": "二级菜单和三级菜单粗细",
        "default": 400,
        "min": 300,
        "max": 900,
        "step":100
       
    },