Skip to content

Commit 8536dc1

Browse files
authored
docs: update mdi cdn url in font icons page (#216)
1 parent 6d40fbc commit 8536dc1

File tree

2 files changed

+10
-5
lines changed

2 files changed

+10
-5
lines changed

docs/guide/icons/font-icons.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ By default, the module will use the `mdi` font icon library. You can change it b
1212
- `fa4` for [Font Awesome 4](https://fontawesome.com/v4.7.0/)
1313
- `fa` for [Font Awesome 5](https://fontawesome.com)
1414

15-
To configure a font icon you only need to specify the default set:
15+
To configure a font icon, you only need to specify the default set:
1616
```ts
1717
// Nuxt config file
1818
import { defineNuxtConfig } from 'nuxt/config'
@@ -37,7 +37,7 @@ The CDN used for each font icon library, you can use the `cdn` option to change
3737
- [CDN for Font Awesome 4 (fa4)](https://cdn.jsdelivr.net/npm/[email protected]/css/font-awesome.min.css)
3838
- [CDN for Font Awesome 5 (fa)](https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css)
3939

40-
To change the CDN for a font icon library you only need to specify the `cdn` option:
40+
To change the CDN for a font icon library, you only need to specify the `cdn` option:
4141
```ts
4242
// Nuxt config file
4343
import { defineNuxtConfig } from 'nuxt/config'
@@ -50,7 +50,7 @@ export default defineNuxtConfig({
5050
defaultSet: 'mdi',
5151
sets: [{
5252
name: 'mdi',
53-
cdn: 'https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons'
53+
cdn: 'https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css'
5454
}]
5555
}
5656
}

playground/vuetify.config.ts

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,8 +55,13 @@ export default defineVuetifyConfiguration({
5555
// remember to comment the v-icon in playground/pages/index.vue when switching
5656
// defaultSet: 'fa-svg',
5757
// custom unocss-mdi icon set implementation: check custom-unocss-mdi.ts plugin
58-
// defaultSet: 'custom',
59-
defaultSet: 'unocss-mdi',
58+
defaultSet: 'custom',
59+
/* defaultSet: 'mdi',
60+
sets: [{
61+
name: 'mdi',
62+
cdn: 'https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css',
63+
}], */
64+
// defaultSet: 'unocss-mdi',
6065
// defaultSet: 'mdi-svg',
6166
/* svg: {
6267
mdi: {

0 commit comments

Comments
 (0)