You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/src/content/docs/it/guides/customization.mdx
+19-18Lines changed: 19 additions & 18 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
title: Personalizzazione di Starlight
3
-
description: Scopri come personalizzare il tuo sito Starlight con il tuo logo, caratteri personalizzati, design della pagina di destinazione e altro ancora.
3
+
description: Scopri come personalizzare il tuo sito Starlight con il tuo logo, font personalizzati, design della pagina di destinazione e altro ancora.
Scopri come [aggiungere un link alla mappa del sito nel file `robots.txt`](https://docs.astro.build/it/guides/integrations-guide/sitemap/#sitemap-link-in-robotstxt) nella documentazione di Astro.
111
+
110
112
## Layout della pagina
111
113
112
114
Per impostazione predefinita, le pagine Starlight utilizzano un layout con una barra laterale di navigazione globale e un indice dei contenuti che mostra le intestazioni della pagina corrente.
@@ -130,7 +132,7 @@ Puoi personalizzare, o addirittura disabilitare, l'indice dei contenuti a livell
130
132
131
133
Per impostazione predefinita, le intestazioni `<h2>` e `<h3>` sono incluse nell'indice dei contenuti. Modifica i livelli delle intestazioni da includere in tutto il sito utilizzando le opzioni `minHeadingLevel` e `maxHeadingLevel` nel tuo [global `tableOfContents`](/it/reference/configuration/#tableofcontents). Sostituisci queste impostazioni predefinite su una singola pagina aggiungendo le proprietà [frontmatter `tableOfContents`](/it/reference/frontmatter/#tableofcontents) corrispondenti:
132
134
133
-
<Tabs>
135
+
<TabssyncKey="config-type">
134
136
<TabItemlabel="Frontmatter">
135
137
136
138
```md {4-6}
@@ -164,7 +166,7 @@ defineConfig({
164
166
165
167
Disabilita completamente l'indice dei contenuti impostando l'opzione `tableOfContents` su `false`:
166
168
167
-
<Tabs>
169
+
<TabssyncKey="config-type">
168
170
<TabItemlabel="Frontmatter">
169
171
170
172
```md {4}
@@ -184,8 +186,7 @@ tableOfContents: false
184
186
defineConfig({
185
187
integrations: [
186
188
starlight({
187
-
title:
188
-
'Documentazione con indice dei contenuti disabilitato a livello globale',
189
+
title:'Documentazione con indice dei contenuti disabilitato a livello globale',
Per impostazione predefinita, Starlight utilizza i caratteri sans-serif disponibili sul dispositivo locale dell'utente per tutto il testo.
310
-
Ciò garantisce che la documentazione venga caricata rapidamente in un carattere familiare a ciascun utente, senza richiedere larghezza di banda aggiuntiva per scaricare file di caratteri di grandi dimensioni.
310
+
Per impostazione predefinita, Starlight utilizza i font sans-serif disponibili sul dispositivo locale dell'utente per tutto il testo.
311
+
Ciò garantisce che la documentazione venga caricata rapidamente in un carattere familiare a ciascun utente, senza richiedere larghezza di banda aggiuntiva per scaricare file di font di grandi dimensioni.
311
312
312
-
Se devi aggiungere un carattere personalizzato al tuo sito Starlight, puoi impostare i caratteri da utilizzare nei file CSS personalizzati o con qualsiasi altra [tecnica di stile Astro](https://docs.astro.build/it/guides/styling/) .
313
+
Se devi aggiungere un carattere personalizzato al tuo sito Starlight, puoi impostare i font da utilizzare nei file CSS personalizzati o con qualsiasi altra [tecnica di stile Astro](https://docs.astro.build/it/guides/styling/) .
313
314
314
-
### Imposta i caratteri
315
+
### Imposta i font
315
316
316
-
Se disponi già di file di font, segui la [guida alla configurazione locale](#configura-i-file-dei-caratteri-locali).
317
+
Se disponi già di file di font, segui la [guida alla configurazione locale](#configura-i-file-dei-font-locali).
317
318
Per utilizzare Google Fonts, segui la [guida alla configurazione di Fontsource](#configura-un-font-fontsource).
318
319
319
-
#### Configura i file dei caratteri locali
320
+
#### Configura i file dei font locali
320
321
321
322
<Steps>
322
323
323
-
1. Aggiungi i file dei caratteri a una directory `src/fonts/` e crea un file `font-face.css` vuoto:
324
+
1. Aggiungi i file dei font a una directory `src/fonts/` e crea un file `font-face.css` vuoto:
324
325
325
326
<FileTree>
326
327
@@ -333,7 +334,7 @@ Per utilizzare Google Fonts, segui la [guida alla configurazione di Fontsource](
333
334
334
335
</FileTree>
335
336
336
-
2. Aggiungi una [dichiarazione `@font-face`](https://developer.mozilla.org/it/docs/Web/CSS/@font-face) per ciascuno dei tuoi caratteri in `src/fonts/font-face.css`.
337
+
2. Aggiungi una [dichiarazione `@font-face`](https://developer.mozilla.org/it/docs/Web/CSS/@font-face) per ciascuno dei tuoi font in `src/fonts/font-face.css`.
337
338
Utilizza un percorso relativo al file del font nella funzione `url()`.
338
339
339
340
```css
@@ -373,16 +374,16 @@ Per utilizzare Google Fonts, segui la [guida alla configurazione di Fontsource](
373
374
374
375
#### Configura un font Fontsource
375
376
376
-
Il progetto [Fontsource](https://fontsource.org/) semplifica l'utilizzo di Google Fonts e altri caratteri open source.
377
-
Fornisce moduli npm che puoi installare per i caratteri che desideri utilizzare e include file CSS già pronti da aggiungere al tuo progetto.
377
+
Il progetto [Fontsource](https://fontsource.org/) semplifica l'utilizzo di Google Fonts e altri font open source.
378
+
Fornisce moduli npm che puoi installare per i font che desideri utilizzare e include file CSS già pronti da aggiungere al tuo progetto.
378
379
379
380
<Steps>
380
381
381
382
1. Trova il font che desideri utilizzare nel [catalogo di Fontsource](https://fontsource.org/).
382
383
Questo esempio utilizzerà [IBM Plex Serif](https://fontsource.org/fonts/ibm-plex-serif).
383
384
384
385
2. Installa il pacchetto per il font scelto.
385
-
Puoi trovare il nome del pacchetto facendo clic su "Installa" nella pagina dei caratteri Fontsource.
386
+
Puoi trovare il nome del pacchetto facendo clic su "Installa" nella pagina dei font Fontsource.
386
387
387
388
<Tabs>
388
389
@@ -437,7 +438,7 @@ Fornisce moduli npm che puoi installare per i caratteri che desideri utilizzare
437
438
438
439
</Steps>
439
440
440
-
### Usa i caratteri
441
+
### Usa i font
441
442
442
443
Per applicare il font che hai impostato al tuo sito, utilizza il nome del font scelto in un [file CSS personalizzato](/it/guides/css-and-tailwind/#stili-css-personalizzati).
443
444
Ad esempio, per sovrascrivere ovunque il font predefinito di Starlight, imposta la proprietà personalizzata `--sl-font`:
0 commit comments