Блог

У меня есть блестящий сервер с открытым исходным кодом, работающий на Digital Ocean droplet. Я хочу использовать шрифт Goldman Sans, который я скачал. Следуя этим инструкциям, вот что у меня есть:

/srv/shiny-server содержит app.R и папку www. app.R является:

 library(reactable)
library(tidyverse)
library(shiny)

ui <- fluidPage(reactableOutput("table"),
                
                tags$head(
                  includeCSS("www/styles.css")
                ))

server <- function(input, output, session) {
output$table <- renderReactable({
  reactable(iris,
            defaultColDef = colDef(
              style = list(fontFamily = "Goldman Sans"),
              headerStyle = list(fontFamily = "Goldman Sans"))
              )
  })
}

shinyApp(ui, server)
  

Начало styles.css содержит

 @font-face {
  font-family: 'Goldman Sans', sans-serif;
     src: url('GoldmanSans_Rg.ttf') format('truetype');
}

@font-face {
  font-family: 'Goldman Sans', sans-serif;
    src: url('GoldmanSans_Bd.ttf') format('truetype');
  font-weight: 700;
}
  

Эти файлы, GoldmanSans_Rg.ttf и GoldmanSans_Bd.ttf, находятся в том же каталоге (www), что и styles.css

В Safari, если я щелкаю правой кнопкой мыши по элементу проверки, я вижу в разделе Стили:

 Style Attribute {
font-family: "Goldman-Sans";
  

Я также вижу ошибку красного знака остановки (!)

Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найден) https://example.com/core-js-2.5.3/shim.min.js.map

Хотя я не уверен, что это связано с проблемой шрифта.

Я также ui <- fluidPage(theme = "styles.css"... пытался безрезультатно.

Как я могу заставить пользовательские шрифты работать, когда приложение Shiny запущено?