Переопределить определение шрифта - PullRequest
Новая
       53

Переопределить определение шрифта

0 голосов
/ 24 октября 2018

Предположим, что в файле, к которому у меня нет доступа, есть определение шрифтового лица, можно ли переопределить его из глобального файла CSS?

Например, в одном файле (недоступный файл)есть следующее определение: 

@font-face {
    font-family: 'openSans-Bold';
    src: url('OpenSans-Bold-webfont.eot');
    src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Bold-webfont.woff') format('woff'),
         url('OpenSans-Bold-webfont.ttf') format('truetype'),
         url('OpenSans-Bold-webfont.svg#openSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

Я попытался переопределить следующее в другом глобальном файле (используя то же имя): 

@font-face {
  font-family: 'openSans-Bold' !important;
  src: local('Arial') !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

Но, к сожалению, это не работает.

Ответы [ 2 ]

0 голосов
/ 24 октября 2018

Правила CSS, определенные с помощью символа '@', нельзя использовать для каскадирования или переопределения стилей.

В вашем случае наилучшим способом переопределения семейства шрифтов было бы использование js / jquery.

js: 

document.body.style.fontFamily = 'Arial';

jquery: 

$('body').css("font-family", $(this).val());
0 голосов
/ 24 октября 2018

Вы не можете переопределить сам шрифт.Я предлагаю вам изменить семейство шрифтов с помощью JavaScript.

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

document.body.style.fontFamily = 'Arial';

илиВы выбираете элементы с этим конкретным семейством шрифтов.

https://jsfiddle.net/a73ekh6z/

...