@adyen/bento-vue2 1.21.1 → 1.22.0

package/README.md

@@ -23,6 +23,7 @@ Bento Vue contains foundational Vue 2.x (and Vue 3.x) UI components for shipping
             -   [Import the fonts](#import-the-fonts)
                 -   [Vue 2](#vue-2-2)
                 -   [Vue 3](#vue-3-2)
+                -   [Using our CDN directly](#using-our-cdn-directly)
             -   [Initialize `vue-i18n`](#initialize-vue-i18n)
                 -   [Vue 2](#vue-2-3)
                 -   [Vue 3](#vue-3-3)
@@ -115,8 +116,8 @@ const app = createApp()
 
 #### Import the fonts
 
-When using the default theme, you will need to include the required `Inter` font in your project application. This can
-easily be done by simply importing the `font.css` file.
+When using the default theme, you will need to include the required `Adyen Sans` & `Adyen Mono` fonts in your project
+application. This can easily be done by simply importing the `font.css` file.
 
 NOTE: make sure the builder your are using (e.g. `webpack` , `vite`, etc...) is able to process font files.
 
@@ -132,6 +133,15 @@ import '@adyen/bento-vue2/fonts.css';
 import '@adyen/bento-vue3/fonts.css';
 ```
 
+##### Using our CDN directly
+
+You can also directly use our CDN which have variations for test and live environments:
+
+```html
+<link rel="preconnect" href="https://bae81f955b.cdn.adyen.com" />
+<link href="https://bae81f955b.cdn.adyen.com/bento/fonts/fonts.min.css" rel="stylesheet" />
+```
+
 #### Initialize `vue-i18n`
 
 Some Bento components require translations to work, for which the `vue-i18n` package was used. This means at time of