Uniform font family and size in sample images

[behnam]

As we are creating more samples images, we need to make sure they follow a uniform looks, specially on font family and size for sample (Arabic) text, as well as annotations (Latin).

For example, the ARABIC LETTER MEEM image has larger Arabic font size, and large sans-serif annotations, but the ARABIC LETTER REH image, sitting close to that, has smaller sizes and a sans annotations.

[behnam]

Previous discussion: #13

@mostafah is going to add SVG files in the repo, so I can see if we can create one source SVG file for all of these and apply the same font family/size/etc to them.

[behnam]

And we should start splitting large images to small pieces, sitting next to each other in under the

tag, so it works better in narrow/mobile view.

Example:
https://w3c.github.io/clreq/#h-examples_of_zhuyin_annotations
https://github.com/w3c/clreq/blob/gh-pages/index.html#L2117