javascript - 使用通过 API 接收的字体定义作为前端的字符串

Question

<分区>

Answer 1

样式表注入(inject)？

这应该可以做到。创建样式表并将其 innerHTML 设置为您的 CSS 字符串。享受吧!

function injectCSS( str ) {
    const style = document.createElement( 'style' );
    style.innerHTML = str;
    document.body.appendChild( style );
}

injectCSS( cssStr );

const cssStr = `@font-face {
  font - family: 'Custom Font Name';
  src: url('https://base_url/fonts/pGdyQlal_QW0WERKk_405638ad.eot');
  src: url('https://base_url/fonts/pGdyQlal_QW0WERKk_405638ad.eot?#iefix') format('embedded-opentype'),
  url('https://base_url/fonts/pGdyQlal_QW0WERKk_405638ad.ttf') format('opentype'),
  url('https://base_url/fonts/pGdyQlal_QW0WERKk_405638ad.woff') format('woff');
  font - weight: normal;
  font - style: normal;
}`;