font not showing on mobile and flip around in header

[marcmelo]

hello there. i download a font and i used the html code to insert the font in the body and in the header. on mobile device it shows a other font.
the second problem, i created a slider with this font. the position of the text is left. when i open a other website and go back to my website it chnaged from left to the middle. i want the text in the middle.
i hope you can help me.

[David Martin – Support]

Hi,

1) You likely do not have the font installed correctly, the reason it shows on your desktop and not on your mobile device is likely because you have the font installed on your desktop.

2) I do not understand this request, it looks like you are using the Slider Revolution plugin with a lot of text parallax effect. Your text is always centred for me. Please upload annotated screenshots to help illustrate this issue better.

[marcmelo]

here you can see that the text is on the left.
is it the correct code in the font deck?

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

None of the code is correct. Please supply a .txt file of what codes they have sent you.

[marcmelo]

sorry guys, but i just have a ttf and otf file. is it not possible with this files?

[David Martin – Support]

Sure, I’d recommend you simply use this plugin: https://en-gb.wordpress.org/plugins/font/

[marcmelo]

thank you. you’re the best. but i still have one little problem. the text i use in the slider header is very small on mobile device. you can see in the screenshot. maybe you know the mistake?
Thank’s for your great support.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Glad to help.

Slider Revolution plugin is recalculating the font size for different screen sizes.

Within the slide settings, have you tested each screen size, desktop/tablet/mobile and adjusted the font size for each?

[marcmelo]

This reply has been marked as private.

[David Martin – Support]

Hi,

Did you amend this, I now see it correct:

[marcmelo]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Sorry, I can’t understand exactly the current issue.
Can you explain further and mark the issue in the screenshots?

Thanks

-Rui

[marcmelo]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Thanks. Try this code.

@media only screen and (max-width: 767px) {
 .tp-caption span {
    font-size: 1.8em!important;
  }
}

-Rui

[marcmelo]

I tried the code, but still the same problem. Do you have any other ideas?