<font size = ...> balise ne fonctionne pas dans Text.text

Question

Mon code:

import QtQuick 2.6 
import QtQuick.Window 2.2 

Window { 
    visible: true 

    Text { 
     text: ' 
      <font size="100">Large</font> 
      <font size="50">Medium</font> 
      <font size="10">Small</font> 
      ' 
    } 
} 

Tous les 3 mots sont affichés avec la même taille. Mais the supported HTML subset est documentée pour inclure <font size=...>.

Pourquoi cela se produit-il?

Answer 1

Je ne suis pas familier avec qt mais peut-être vous avez oublié l'unité « px » et le trait d'union « - »

<font-size="100px">Large</font> 

Answer 2

Vous pouvez obtenir ce que vous voulez si vous utilisez des styles CSS et la propriété Text.RichText.

Exemple:

import QtQuick 2.6 
import QtQuick.Window 2.2 

Window { 
    visible: true 

    Text { 
     text: "<span style='font-size:120px;'>Large</span>"; textFormat: Text.RichText 
    } 
} 

réponse mis à jour pour plus d'informations.

Selon le documentation, Text.StyledText est un format optimisé prenant en charge certains balisages de base de style de texte.

La documentation vous donne quelques exemples, comme

<font color="color_name" size="1-7"></font> 

Donc, si vous voulez utiliser <font size>, la valeur maximale est 7.

Vous pouvez tester le comportement en utilisant l'exemple suivant. En utilisant une taille supérieure à 7 n'a pas d'effet et la police conserve la taille 7.

import QtQuick 2.6 
import QtQuick.Window 2.2 

Window { 
    visible: true 

     Text { 
      y: 0 
      textFormat: Text.RichText 
      text: "<font size=1>Large</font>"; 
     } 

     Text { 
      y: 30 
      textFormat: Text.RichText 
      text: "<font size=7>Large</font>"; 
     } 

     Text { 
      y: 90 
      textFormat: Text.RichText 
      text: "<font size=10>Large</font>"; 
     } 
} 

Answer 3

Cela devrait fonctionner:

Text { 
    anchors.centerIn: parent 
    textFormat: Text.RichText 
    text: ' 
     <span style="font-size:100px;">Large</span> 
     <span style="font-size:50px;">Medium</span> 
     <span style="font-size:10px;">Small</span> 
     ' 
}