come modificare il tipo di carattere per l’intero sito in Typo3

questo potrebbe essere dovuto al fatto che io sono un principiante in Typo3 e non hanno una buona presa sulla sua struttura, ma non riesco a trovare dove cambiare il font utilizzato in tutto il sito.

ho provato ad aggiungere questo al file css della mia estensione:

html {
    font-family: "Times New Roman", Times, serif;
}

ma il carattere sul mio sito web non cambia a Times New Roman.

sto anche usando bootstrap includendolo in setup.typoscript, nel caso in cui questo fa alcuna differenza.

il codice sorgente della mia pagina web mostra che sta usando i seguenti file css (dove ho aggiunto il codice sopra al file menzionato nella seconda riga):

<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" media="all">

<link rel="stylesheet" type="text/css" href="/typo3/typo3conf/ext/myextension/Resources/Public/Css/layout.min.css?1557481820" media="all">

EN From: How to change the font type for the entire website in Typo3

More similar articles:

4 Comments

  1. penso che il problema qui è che Bootstrap sovrascrive la definizione font-family per il tag html; si applica un font diverso per il tag corpo, è possibile controllare ispezionando il DOM con Chrome o Firefox Inspector.

  2. il problema qui accade perché Bootstrap sovrascrive la definizione font-family per il tag <html>; applica un font diverso al tag <body>, ed è indipendente dall’uso di TYPO3 come CMS.

    è possibile controllare controllando il DOM con Chrome o Firefox Inspector.

    per evitare, Penso che hai un paio di opzioni

    1. utilizzare una versione personalizzata di Bootstrap invece di quella dal CDN, è possibile compilarlo dai suoi file scss
    2. Sovrascrivi regola Bootstrap, per esempio con qualcosa come:

      body {
        font-family: "Times New Roman", Times, serif;
      }

    questo dovrebbe essere sufficiente, come il CSS viene caricato dopo Bootstrap nel codice.

    o anche utilizzare una regola di specificità superiore, per esempio:

       html body {
          font-family: "Times New Roman", Times, serif;
        }

Leave a Reply

Your email address will not be published. Required fields are marked *