Choice: custom.css or custimized .css from warp7?

I have troubles understanding the mechanism of making customized styles in my Adventures website. I have seen both of your video-tutorials: how to customize a Template and Customize a Warp7 based Template.
I worked with both methods:
1. I made a new custom.css in \css\ I understand that this overrules the default settings.
2. I also created a new custimized .css using warp7. I called it AA, and it is situated in the directory \styles\AA\css\. This seems to be a full styleset.

My question is: can I use both methods at the same time, or are they interfering with each other?
- If not, what is the hierarchy between both methods/css-files? Is for instance one overruling the other? Is there a certain hierarchy between them? Could you please explain the mechanism behind it?
- How do I deal with updates of templates?

A total different question is actually the source of the problem concerning my above questions. I am trying to change the fonts of Articles and I want to do that globally for all Articles on de website. In Warp i found the style-group 'Article', but although it has a lot of options, there is no option there for changing the font.
In this particular situation, do I have to do this outside of warp7. Can you please explain me where i can custimize the fonts?

Thanks in advance!

Michael

If you create a new style, you can add your custom.css to this folder too:
>> styles/your-new-style/css/custom.css

If there is no custom.css file in this folder above the system takes the file > css/custom.css instead of styles/your-style/css/custom.css

1.) The update will not touch any of your created styles
2.) The font settings must be changed for > global typo & menu font & article and so on
If you want to have one font typo for the whole site you have to change all these font settings, at least 3 settings

Dear Admin,
Thank you for your explanation about the hierarchy of the css files, and the behavior of Adventures when it is updated. This made a lot clear to me!
Actually, since this is essential information I would recommend you to include this information in your documentation. (If you not already did, but I could not find it).

One question remains though. You explained that I have to change the font settings in > global typo & menu font & article.
You did put a picture in your reply from the warp customizer but that doesn't show these three settings...
Can you please tell me where I can change your aforementioned font settings. Or do you mean that I have to create it newly in custom.css?
If so, could you please give me some example code? I really would appreciate it.

Thanks in advance.

Michael

The requested article about the custom.css can be found here:
www.joomlaplates.com/template-customizing
www.joomlaplates.com/support/documentati...the-customizer-warp7

The font settings in customizer must have shown like this below: For some parts you need to hit: Advanced and [more]


But you can add your own font to your custom.css too:
Use this code below:

body, html {font-family: arial !important}

Dear Admin,

Thanks for your repley.

I also found a comprehensible article about the file hierarchy in Warp that explained a lot for me:
yootheme.com/themes/documentation/developers/customization
Perhaps good to know for your customers.

Considering your answer:

2.) The font settings must be changed for > global typo & menu font & article and so on
If you want to have one font typo for the whole site you have to change all these font settings, at least 3 settings

- Could you please tell me where specifically I have to change the settings for global, menu font and article? Can I do all of this three in Warp Custimization, or do I have to some manually in a css file? And if the latter is the case which of them?
Your answer will be very appreciated.

Furthermore it would be nice if a list would exist of things that can be changed using Warp custimization, and things you have to edit manually in one of the css files.

Thanks!

Michael