templates/pdfs/product-specification-sheet/style_new.html.twig line 1

Open in your IDE?
  1. <style>
  2.     {#
  3.     @import url("https://p.typekit.net/p.css?s=1&k=mva2dpr&ht=tk&f=9763.9764.9765.9766&a=7136237&app=typekit&e=css");
  4.     @font-face {
  5.         font-family:"aller";
  6.         src:url("https://use.typekit.net/af/2c88fb/000000000000000077359d6c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  7.         font-display:auto;
  8.         font-style:normal;
  9.         font-weight:400;
  10.         font-stretch:normal;
  11.     }
  12.     @font-face {
  13.         font-family:"aller bold";
  14.         src:url("https://use.typekit.net/af/dbb590/000000000000000077359d76/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  15.         font-display:auto;
  16.         font-style:normal;
  17.         font-weight:700;
  18.         font-stretch:normal;
  19.     }
  20.     #}
  23.     {#
  24.     Instead of using `@import url(https://use.typekit.net/ibd5nkw.css)` we just wrote the content of that file here:
  25.     #}
  26.     @font-face {
  27.         font-family: "myriad-pro regular";
  28.         src: url("https://use.typekit.net/af/cafa63/00000000000000000001709a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/cafa63/00000000000000000001709a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/cafa63/00000000000000000001709a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  29.         font-display: auto;
  30.         font-style: normal;
  31.         font-weight: 400; {# "regular" #}
  32.         font-stretch: normal;
  33.     }
  34.     @font-face {
  35.         font-family: "myriad-pro semi-bold";
  36.         src: url("https://use.typekit.net/af/80c5d0/00000000000000000001709c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/80c5d0/00000000000000000001709c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/80c5d0/00000000000000000001709c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  37.         font-display: auto;
  38.         font-style: normal;
  39.         font-weight: 600; {# "semi-bold" #}
  40.         font-stretch: normal;
  41.     }
  42.     @font-face {
  43.         font-family: "myriad-pro bold";
  44.         src: url("https://use.typekit.net/af/1b1b1e/00000000000000000001709e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/1b1b1e/00000000000000000001709e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/1b1b1e/00000000000000000001709e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  45.         font-display: auto;
  46.         font-style: normal;
  47.         font-weight: 700; {# "bold" #}
  48.         font-stretch: normal;
  49.     }
  51.     :root {
  52.         --coolworld-gray: #323e48;
  53.         --coolworld-blue: #0072bb;
  54.         --coolworld-light-bg: #e3f1f9;
  55.     }
  57.     html {
  58.         font-size: 100%;
  59.         text-size-adjust: 100%;
  60.         -webkit-text-size-adjust: 100%;
  61.         {#font-family: Aller, sans-serif;#}
  62.         font-family: "myriad-pro regular", sans-serif;
  63.         font-style: normal;
  64.         color: #323e48 {#var(--coolworld-gray)#};
  65.     }
  67.     html, body {
  68.         margin: 0;
  69.         padding: 0;
  70.         height: 100%;
  71.     }
  73.     th, td {
  74.         border-color: transparent;
  75.         border-width: 0;
  76.     }
  78.     * {
  79.         box-sizing: border-box;
  80.     }
  81. </style>