Custom fonts and custom padding do not work properly in image element

Hi again, we are building the site this weekend, so I'm afraid questions and problems arise.

We use custom fonts, which are determined in the settings.php and in css rules in the theme settings. The fonts work nicely from the drop down in text box use. The problem is in the image caption the situation is different. All the fonts do show in the drop down, but the fonts either do not change at all or the changes don't stick when you move away from the image element (that is the font changes back to the default). How to fix this?

We have also tried to use a custom padding in the images but something goes wrong there too. The image and the element are not aligned in upfront and the image comes "over" the elements lines. Therefore it is hard to place the images in the region as wanted, since adjusting the element lines does not affect the image correctly. The code used there is:

.upfront-image {
padding-left: 8px !important;
padding-right: 8px !important;
padding-bottom: 8px !important;
padding-top: 8px !important;