¿Cómo cambiar el estilo y el tamaño de fuente del elemento de párrafo?

  • SoporteOperativo
    Fecha de consulta 24 de julio de 2024, 12:38

    Buenos dias,

    Como podria ingresar este tipo de letra como parte de las opciones de Familia de Fuente y Tamaño de Fuente en el Campo de Parrafo

    ¿Cómo cambiar el estilo y el tamaño de fuente del elemento de párrafo? Image 1 Screenshot 30

    ¿Cómo cambiar el estilo y el tamaño de fuente del elemento de párrafo? Image 2 Screenshot 41

  • Jomel Jotform Support
    Fecha de respuesta 24 de julio de 2024, 13:12

    Hi SoporteOperativo,

    Thanks for reaching out to Jotform Support.  Our Spanish Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Spanish, let us know and we can have them do that. But, it might take a while until they're available again.

    Now, coming back to your question. To clarify, you want to change the font-style, and also the font-size in the Paragraph element? If that is correct, then you have the option to also change the font-style, and font-size in Paragraph element. Let me show you how:

    1. In Form Builder, click on the Paragraph element field.
    2. Then click on the Pencil icon.¿Cómo cambiar el estilo y el tamaño de fuente del elemento de párrafo? Image 1 Screenshot 50
    3. To change a font, select the sentence you want to change. Then click on Font Family.
    4. In the dropdown, select the Font-Style you prefer.¿Cómo cambiar el estilo y el tamaño de fuente del elemento de párrafo? Image 2 Screenshot 61
    5. To change the font-size, select the sentences you want to change, then click on Font-size.
    6. In the dropdown, select your preferred Size.¿Cómo cambiar el estilo y el tamaño de fuente del elemento de párrafo? Image 3 Screenshot 72
    7. Once done, click on Save.¿Cómo cambiar el estilo y el tamaño de fuente del elemento de párrafo? Image 4 Screenshot 83

    That's it. But, if that’s not exactly what you’re looking for, can you explain a bit more, so I can help you better?

    Let us know if there’s anything else we can help you with.

  • SoporteOperativo
    Fecha de respuesta 24 de julio de 2024, 13:25

    Hi Jomel,

    What I´m looking for is to have the same type and size of font Inter (16px) throught the form.

    Inter (16px) is not available as an option on the parragraph field

  • Victorino_S Jotform Support
    Fecha de respuesta 24 de julio de 2024, 14:04

    Hi SoporteOperativo,

    You can inject a custom CSS code into your form to achieve your requirements on the font type and size. Here's how to do it:

    • Click the Paint Roller icon on the top-right of Form Builder.
    • Go to the Styles tab.
    • Scroll down to the Inject Custom CSS section and add the following CSS code:
    /* Set the font type and size on the Paragraph fields | Thread: 17228601 */
    * {
      font-family: Inter !important;
    }

    #text_84 > p > em:nth-child(1) > span, #text_84 > p > em:nth-child(3) > span, #text_88, #text_109, #text_126, #text_129 {
      font-size: 16px !important;
    }
    /* END */

     ¿Cómo cambiar el estilo y el tamaño de fuente del elemento de párrafo? Image 1 Screenshot 20

    You can test my demo form or clone it to see the changes made in the cloned form. 

    Give it a try, and let us know how it goes.