любой универсальный шрифт без засечек в обычном и жирном варианте

Ваш браузер прав: Arial Bold не существует как отдельное семейство шрифтов. Arial является одним из наиболее доступных семейств шрифтов среди операционных систем. Согласно этому источнику :

Helvetica является здесь дедушкой, но Arial чаще встречается в современных ОС.

Здесь вам не хватает того, что вы пытаетесь указать вес шрифта как часть семейства шрифтов. Что вам нужно прямо здесь, это font-weight . Семейство шрифтов Arial Bold не существует, как говорит ваш браузер.

font-family должно принимать только Arial в вашем случае. Чтобы контролировать, хотите ли вы, чтобы ваш шрифт был жирным, обычным, курсивом или подчеркиванием, вы должны использовать разные свойства с соответствующими значениями в CSS.

font-weight принимает следующие значения среди других: regular, bold. Таким образом, чтобы использовать Arial, жирный, ваш CSS должен выглядеть следующим образом:

font-family: 'Arial', sans-serif;
font-weight: regular; // I prefer to use numeric values myself

Вы пытались использовать @import для импорта шрифта с сервера. Если вы готовы сделать это, это должно стать хорошим решением для того, что вы пытаетесь сделать.

См. Эту статью для хорошей ссылки: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-5