Использование локального .ttf в расширении vscode. - PullRequest
Новая
       6

Использование локального .ttf в расширении vscode.

1 голос
/ 12 апреля 2019

Я пытаюсь загрузить файл .ttf в панель веб-просмотра моего расширения vscode.Тем не менее, я не могу понять, на какой URL я должен указывать.Моя текущая попытка: 

@font-face{
    font-family: myfont;
    src:url("vscode-resource:{fontlocation}")
}
body{
}

Затем я заменяю {fontlocation} результатом __dirname + path.sep + "myfont.ttf", то есть абсолютным местоположением файла myfont.ttf, который находится в корне папки моего расширения.

Что я делаю не так?

1 Ответ

0 голосов
/ 12 апреля 2019

Как обычно, исправление было смущающе глупым.Проблема в том, что я запускал это в Windows, а css не нравится разделитель пути по умолчанию (\).Таким образом, простое исправление заключается в использовании __dirname.split(String.fromCharCode(92)).join("/") + "/myfont.ttf".

После входа в CSS путь должен выглядеть следующим образом:

src:url(vscode-resource:C:/Users/me/source/repos/vscodeextension/out/myfont.ttf)

Мне даже не нужнодобавить что-нибудь в localRessourceRoots веб-просмотра, поскольку расширение уже имеет доступ к своему собственному каталогу установки.

...