diff --git a/finish/src/main/webapp/check-balance-snapshot.html b/finish/src/main/webapp/check-balance-snapshot.html
index ff0a3fd3..2b146f36 100644
--- a/finish/src/main/webapp/check-balance-snapshot.html
+++ b/finish/src/main/webapp/check-balance-snapshot.html
@@ -11,7 +11,6 @@
 -->
  <html>
  <head>
-    <link href="https://fonts.googleapis.com/css?family=Asap" rel="stylesheet">
     <link rel="stylesheet" href="/circuitBreakerSample/css/bankApp.css">
     <link rel="stylesheet" href="/circuitBreakerSample/css/checkBalance.css">
     <style>
@@ -60,4 +59,4 @@
         timeout();
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/finish/src/main/webapp/check-balance-success.html b/finish/src/main/webapp/check-balance-success.html
index c0982d40..f971cf92 100644
--- a/finish/src/main/webapp/check-balance-success.html
+++ b/finish/src/main/webapp/check-balance-success.html
@@ -11,7 +11,6 @@
 -->
  <html>
  <head>
-    <link href="https://fonts.googleapis.com/css?family=Asap" rel="stylesheet">
     <link rel="stylesheet" href="/circuitBreakerSample/css/bankApp.css">
     <link rel="stylesheet" href="/circuitBreakerSample/css/checkBalance.css">
  </head>
@@ -39,4 +38,4 @@
         </span>
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/finish/src/main/webapp/css/bankApp.css b/finish/src/main/webapp/css/bankApp.css
index 2223930d..39dbeb7f 100644
--- a/finish/src/main/webapp/css/bankApp.css
+++ b/finish/src/main/webapp/css/bankApp.css
@@ -8,7 +8,13 @@
  * Contributors:
  *     IBM Corporation - initial API and implementation
  *******************************************************************************/
- @import url("https://fonts.googleapis.com/css?family=Asap:300,400,500");
+@font-face {
+    font-family: 'Asap';
+    font-style: normal;
+    font-stretch: 100%;
+    src: url("../../../../../fonts/Asap.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
 
  @font-face {
     font-family: BunueloLight;
@@ -97,4 +103,4 @@ body {
     100% {
         transform: rotate(360deg);
     }
-}
\ No newline at end of file
+}
diff --git a/fonts/Asap.woff2 b/fonts/Asap.woff2
new file mode 100644
index 00000000..ed1a0d0a
Binary files /dev/null and b/fonts/Asap.woff2 differ
diff --git a/html/check-balance-fail.html b/html/check-balance-fail.html
index 9e3162b6..ad4a2cf2 100644
--- a/html/check-balance-fail.html
+++ b/html/check-balance-fail.html
@@ -13,7 +13,6 @@
 
 <head>
     <title>The system is down</title>
-    <link href="https://fonts.googleapis.com/css?family=Asap" rel="stylesheet">
     <link rel="stylesheet" href="/guides/iguides-common/css/interactive-guides/bankApp.css">
     <link rel="stylesheet" href="/guides/iguide-circuit-breaker/css/circuit-breaker/checkBalance.css">
     <script type="text/javascript">
@@ -44,4 +43,4 @@
         </div>
     </main>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/check-balance-fallback-success.html b/html/check-balance-fallback-success.html
index 659a8611..2396ffe3 100644
--- a/html/check-balance-fallback-success.html
+++ b/html/check-balance-fallback-success.html
@@ -13,7 +13,6 @@
 
  <head>
     <title>Get last known balance using Fallback</title>
-    <link href="https://fonts.googleapis.com/css?family=Asap" rel="stylesheet">
     <link rel="stylesheet" href="/guides/iguides-common/css/interactive-guides/bankApp.css">
     <link rel="stylesheet" href="/guides/iguide-circuit-breaker/css/circuit-breaker/checkBalance.css">
     <style>
@@ -72,4 +71,4 @@
         timeout();
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/check-balance-success.html b/html/check-balance-success.html
index 4047f80d..f67bb0a1 100644
--- a/html/check-balance-success.html
+++ b/html/check-balance-success.html
@@ -13,7 +13,6 @@
 
 <head>
     <title>Your account - Current balance</title>
-    <link href="https://fonts.googleapis.com/css?family=Asap" rel="stylesheet">
     <link rel="stylesheet" href="/guides/iguides-common/css/interactive-guides/bankApp.css">
     <link rel="stylesheet" href="/guides/iguide-circuit-breaker/css/circuit-breaker/checkBalance.css">
 
@@ -55,4 +54,4 @@
     </div>
   </main>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/check-balance-wait.html b/html/check-balance-wait.html
index 9dc27892..f42b60c9 100644
--- a/html/check-balance-wait.html
+++ b/html/check-balance-wait.html
@@ -13,7 +13,6 @@
 
 <head>
     <title>Processing request</title>
-    <link href="https://fonts.googleapis.com/css?family=Asap" rel="stylesheet">
     <link rel="stylesheet" href="/guides/iguides-common/css/interactive-guides/bankApp.css">
     <link rel="stylesheet" href="/guides/iguide-circuit-breaker/css/circuit-breaker/checkBalance.css">
 </head>
@@ -30,4 +29,4 @@
         <div id="loader" class="loader"></div>
     </main>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/page-not-found.html b/html/page-not-found.html
index 37e3bd6e..02db0e10 100644
--- a/html/page-not-found.html
+++ b/html/page-not-found.html
@@ -12,7 +12,6 @@
 <html lang="en">
     <head>
        <title>Requested page not found</title>
-       <link href="https://fonts.googleapis.com/css?family=Asap" rel="stylesheet">
        <link rel="stylesheet" href="/guides/iguides-common/css/interactive-guides/bankApp.css">
 
        <script type="text/javascript">
@@ -38,4 +37,4 @@
           <p data-externalizedString="PAGENOTFOUND"></p>
        </main>
    </body>
-   </html>
\ No newline at end of file
+   </html>
