выборщик шрифтов в shopify работает не так, как ожидалось - PullRequest
Новая
       18

выборщик шрифтов в shopify работает не так, как ожидалось

0 голосов
/ 30 апреля 2020

Здравствуйте, у меня есть эти настройки в settings_schema. json: 

"name": "Typography",
    "settings": [
      {
        "type": "font_picker",
        "id": "font_heading",
        "default": "helvetica_n4",
        "label": "Headings"
      },
      {
        "type": "font_picker",
        "id": "font_body",
        "default": "helvetica_n4",
        "label": "Body text"
      },
      {
        "type": "header", 
        "content": "Main Heading Text" 
      },
      {
        "type": "font_picker",
        "id": "Main_heading_font_new",
        "label": "Main heading Font",
        "default": "work_sans_n6"
      }
    ]

И у меня есть этот стиль в моем navbar.liquied 


<style lang="scss">  

  {% assign header_font = settings.Main_heading_font_new %}
  {{ header_font | font_face }}

  $font-stack-header: {{ header_font.family }}, {{ header_font.fallback_families }};

  #shopname{    
    font-family: $font-stack-header;
  }
  </style>

, и у меня есть это html код в navbar.liquied 

<div  id="shopname" ><a  href="/" >DAVIT'S JEWELS</a></div>

Но он не применяет шрифт к элементу "shopname", он не выбирает даже элемент "shopname", я попытался создать встроенный стиль, но это не так работает также так: 

<div  id="shopname" style="font-family:beefcakes_i4 ;" ><a  href="/" >DAVIT'S JEWELS</a></div>

Можете ли вы помочь мне, пожалуйста. Спасибо

1 Ответ

0 голосов
/ 30 апреля 2020

У меня есть такой стиль: 

<style lang="scss">
 {% assign header_font = settings.Main_heading_font_new %}
  {{ header_font | font_face }}    
  .shopname{    
    font-family: {{ header_font.family }},{{ header_font.fallback_families }};        
  }
</style>

И html часть: 

<div  class="shopname" ><a  href="/" >DAVIT'S JEWELS</a></div>

И это работает.

...