Невозможно добавить шрифт Roboto в Rails 6, используя TailwindCSS - PullRequest
Новая
       25

Невозможно добавить шрифт Roboto в Rails 6, используя TailwindCSS

1 голос
/ 01 февраля 2020

В настоящее время я пытаюсь использовать Roboto в своем приложении, чтобы шрифт был похож на пять тридцать восемь . Однако, когда я пытаюсь отредактировать конфигурацию для Tailwind и перезапустить сервер, я не вижу шрифта.

Вот ссылка, которую я использую, чтобы загрузить шрифт, полученный из google шрифты: 

  <head>
    <title>ArtsyDecor</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
    <%= stylesheet_pack_tag 'application', media: 'all',  'data-turbolinks-track': 'reload' %>
    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
  </head>

Затем я добавил шрифт Roboto в tailwind.config.js в моем приложении rails. 

module.exports = {
  theme: {
    fontFamily: {
      sans: '"Roboto"'
      display: ['"Roboto"', '"sans-serif"'],
      body: ['"Roboto"', '"sans-serif"'],
    },
    extend: {}
  },
  variants: {},
  plugins: []
}

Но при перезапуске сервера я не вижу Roboto является основным шрифтом. Кажется, конфигурация попутного ветра где-то перезаписывается. enter image description here

В чем дело?

Ответы [ 2 ]

2 голосов
/ 05 февраля 2020

попробуйте установить Roboto в свой проект с NPM вместо CDN: yarn add typeface-roboto

0 голосов
/ 18 февраля 2020

Я думаю, что есть опечатка. шрифт определяется в одинарных и двойных кавычках. используйте только одинарные или двойные кавычки.

...