Custum шрифт в блестящем приложении для shinyapps.io

Question

Я пытаюсь добавить шрифт custum из локального файла .ttf и затем развернуть его в shinyapps.io

Внутри моего каталога приложений у меня есть папка www*1004*, которая содержит ' font.ttf 'и стиль . css, который выглядит следующим образом:

@font-face {  

src: url(www/font.ttf);

font-family: "font.ttf";

}


/* main header */

.skin-blue .main-header .logo {

font-family: "mexecellent";

font-size: 12px;

}

Затем я включаю его в свое блестящее приложение следующим образом

tags$head(includeCSS("www/style.css"))

Однако в текстовых шрифтах есть NO изменения.

Я бы действительно хотел получить некоторую помощь.

Answer 1

После большого количества исследований я обнаружил, что это была некоторая проблема, касающаяся как совместимости браузера, так и синтаксиса css.

Код, который работал, был

@font-face {  

font-family: 'mexecellent';

src: url('mexcellent.ttf') format('truetype'),

     url('mexcellent.woff') format('woff');

}

Как предложено в этом ответе Как включить шрифт .ttf, используя CSS?

Answer 2

Я бы попробовал:

@font-face {  
  src: url(font.ttf);
  font-family: myfont;
}

/* main header */
.skin-blue .main-header .logo {
  font-family: myfont;
  font-size: 12px;
}